@import url('//googleapis.com');
body{
    display: flex;
    justify-content: center;
    width: 99vw;
}
main{
    display: grid;
    grid-template-areas: 
    "head head head head"
    "image image image image"
    "art1 art2 art3 art4"
    "foot foot foot foot";
    grid-template-columns: 20% 20% 20% 20%;
    height: repeat(4, auto);
    z-index: 2;
    width: 80%;
}
main>*{
    z-index: 2;
    border: solid black 1px;
    background-color: white;
}
.nova-oval-regular {
  text-align: center;
  font-family: "Nova Oval", system-ui;
  font-weight: 400;
  font-optical-sizing: auto;
  font-style: normal;
}
.texturina{
  font-family: "Texturina", serif;
  font-optical-sizing: auto;
  font-weight: 200;
  font-style: normal;
}
.texturina+#footy {
  font-family: "Texturina", serif;
  font-optical-sizing: auto;
  font-weight: 100;
  font-style: italic;
}

#heck{
    position: fixed;
    width: 100vw;
    height: 97.5vh;
    z-index: -1;
}
#heading{
    grid-area: head;
    grid-column: span 4;
}
#fudge{
    grid-area: image;
    grid-column: span 4;
    width: 100%;
}
#intro{
    grid-area: art1;
}
#SOTM{
    grid-area: art2;
}
#DOORS{
    grid-area: art3;
}
#PoppyPlaytime{
    grid-area: art4;
}
#footy{
    grid-area: foot;
    grid-column: span 4;
}