body {
        background-color: black;
      }
      .canvas {
        background-color: white;
        width: 90vw;
        height: 90vw;
        margin: 10vw auto;
        display: grid;
        grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
        grid-template-rows: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
        gap: 5px;
      }
      .canvas > div {
        background-color: red;
      }
      .box-1 {
        grid-row-start: 1;
        grid-row-end: 3;
        grid-column-start: 1;
        grid-column-end: 3;
        background-color: black;
      }
      .box-2 {
        grid-row-start: 1;
        grid-row-end: 2;
        grid-column-start: 3;
        grid-column-end: 5;
        background-color: whitesmoke;
      }
      .box-3 {
        grid-row-start: 1;
        grid-row-end: 4;
        grid-column-start: 5;
        grid-column-end: 8;
      }
      .box-4 {
        grid-row-start: 3;
        grid-row-end: 6;
        grid-column-start: 1;
        grid-column-end: 2;
      }
      .box-5 {
        grid-row-start: 3;
        grid-row-end: 4;
        grid-column-start: 2;
        grid-column-end: 3;
      }
      .box-6 {
        grid-row-start: 2;
        grid-row-end: 4;
        grid-column-start: 3;
        grid-column-end: 5;
      }
      .box-7 {
        grid-row-start: 4;
        grid-row-end: 7;
        grid-column-start: 2;
        grid-column-end: 6;
      }
      .box-8 {
        grid-row-start: 4;
        grid-row-end: 5;
        grid-column-start: 6;
        grid-column-end: 7;
      }
      .box-9 {
        grid-row-start: 4;
        grid-row-end: 8;
        grid-column-start: 7;
        grid-column-end: 8;
      }
      .box-10 {
        grid-row-start: 5;
        grid-row-end: 7;
        grid-column-start: 6;
        grid-column-end: 7;
      }
      .box-11 {
        grid-row-start: 6;
        grid-row-end: 8;
        grid-column-start: 1;
        grid-column-end: 2;
      }
      .box-12 {
        grid-row-start: 7;
        grid-row-end: 8;
        grid-column-start: 2;
        grid-column-end: 4;
      }
      .box-13 {
        grid-row-start: 7;
        grid-row-end: 8;
        grid-column-start: 4;
        grid-column-end: 7;
      }