body {
    background-color:rgb(146, 0, 0);
}

main {
    display: grid;
    grid-template-areas: 
        "header header header header"
        "image image image image"
        "para1 para2 para3 para4"
        "foot foot foot foot";
    grid-template-columns: 4fr 4fr 4fr 4fr;
    grid-row: 3fr 3fr 3fr 3fr;
}

h2 {
    font-family: "Roboto";
    grid-area: header;
    padding-left: 190%;
    text-align: center;
    color: rgb(255, 255, 255);
    padding: 10px;
}

#image1 {
    grid-area: image;
}

#para1 {
    grid-area: para1;
    color
}

#para2 {
    grid-area: para2;
}

#para3 {
    grid-area: para3;
}

#para4 {
    grid-area: para4;
}

#foot {
    grid-area: foot;
}

.bitcount-prop-single-ink-meow {
  font-family: "Bitcount Prop Single Ink", system-ui;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-variation-settings:
    "slnt" 0,
    "CRSV" 0.5,
    "ELSH" 0,
    "ELXP" 0,
    "SZP1" 0,
    "SZP2" 0,
    "XPN1" 0,
    "XPN2" 0,
    "YPN1" 0,
    "YPN2" 0;
}