body {
  margin: 10px;
  font-size: 150%;
  background: blue_steel.jpg;
}

.wrapper {
        display: grid;
        grid-gap: 1px;
        grid-template-columns: [col1] 2fr [col2] 2fr [col3] 2fr [col4] 2fr;
        grid-template-rows: [row1] auto [row2] auto [row3] auto [row4] auto [row5] auto [row6] auto [row7] auto [row8] auto [row9] auto;
        background-color: #ffffff;
        color: #000000;
    }

    .box {
        background-color: #ffffff;
        color: #000000;
        border-radius: 2px;
        padding: 2px;

    }

    .a {
        grid-column: col1 / span 2;
        grid-row: row1;
    }
    .b {
        grid-column: col1;
        grid-row: row2;
    }
    .c {
        grid-column: col1;
        grid-row: row3;
    }
    .d {
        grid-column: col1;
        grid-row: row4;
    }

    .e {
        grid-column: col1;
        grid-row: row5;
    }
    .f {
        grid-column: col1;
        grid-row: row6;
    }

    .g {
        grid-column: col2;
        grid-row: row2;
    }
    .h {
        grid-column: col2;
        grid-row: row3;
    }
    .i {
        grid-column: col2;
        grid-row: row4;
    }
    .j {
        grid-column: col2;
        grid-row: row5;
    }

    .k {
        grid-column: col2;
        grid-row: row6;
    }
    .l {
        grid-column: col3 / span 2;
        grid-row: row1;
    }

    .m {
        grid-column: col3;
        grid-row: row2;
    }
    .n {
        grid-column: col3;
        grid-row: row3;
    }
    .o {
        grid-column: col3;
        grid-row: row4;
    }
    .p {
        grid-column: col3;
        grid-row: row5;
    }

.p1 {
        grid-column: col3;
        grid-row: row6;
 }
 .q {
        grid-column: col4;
        grid-row: row2;
    }
    .r {
        grid-column: col4;
        grid-row: row3;
    }

    .s {
        grid-column: col4;
        grid-row: row4;
    }
    .t {
        grid-column: col4;
        grid-row: row5;
    }

    .u {
        grid-column: col4;
        grid-row: row6;
    }
    .v {
        grid-column: col2 / span 2;
        grid-row: row7;
        font-size: 75%;
 }
    .w {
        grid-column: col1 / span 4;
        grid-row: row8;
        font-size: 200%;
    }
    .x {
        grid-column: col2 / span 2;
        grid-row: row9;
        font-size: 50%;
    }