@font-face {
    font-family:"fnb_font";
    src: url("../fonts/HelveticaNeue-CondensedBold.ttf") format("truetype");
  }

.parent {
    font-family: "fnb_font";
    font-size: 28px;
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    grid-template-rows: auto;
    justify-items: center;
    row-gap: 0;
    }
    
    .div1 { 
        grid-area: 1 / 1 / 2 / 7; 
        
    }
    .div2 { grid-area: 2 / 1 / 3 / 2; }
    .div3 { grid-area: 2 / 2 / 3 / 3; }
    .div4 { grid-area: 2 / 3 / 3 / 4; }
    .div5 { grid-area: 2 / 4 / 3 / 5; }
    .div6 { grid-area: 2 / 5 / 3 / 6; }
    .div7 { grid-area: 2 / 6 / 3 / 7; }

    .div8 { grid-area: 3 / 1 / 4 / 7;  }

    .div11 { grid-area: 4 / 1 / 5 / 4; }
    .div12 { grid-area: 4 / 4 / 5 / 7; }