.press-start-2p-regular {
  font-family: "Press Start 2P", system-ui;
  font-weight: 400;
  font-style: normal;
}

.silkscreen-regular {
  font-family: "Silkscreen", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.silkscreen-bold {
  font-family: "Silkscreen", sans-serif;
  font-weight: 700;
  font-style: normal;
}


.gridContainer{
    display:grid;
    row-gap:1px;
    column-gap:1px;
    grid-template-areas:
        "heading heading heading heading"
        "heroImage heroImage heroImage heroImage"
        "pOne pTwo pThree pFour"
        "footer footer footer footer";
    grid-template-rows: 10vmax 30vmax 60vmax 10vmax;
    grid-template-columns: 20vmax 20vmax 20vmax 20vmax;
    margin-left:10%;
    margin-right:10%;
}

h1{
    margin-top:3vmax;
}

main{
    background-image:url(Images/manOGG.webp);
    background-size: cover;
    background-color: rgba(255, 255, 255, 0.6);
    background-blend-mode: lighten; 
    background-attachment: fixed;
}

#holyEgg{
    height:29vmax;
    width:29vmax;
    margin-left:25vmax;
}

#heading{
    grid-area: heading;
}

#hero{
    grid-area: heroImage;
}

#p1{
    grid-area: pOne;
}

#p2{
    grid-area: pTwo;
}

#p3{
    grid-area: pThree;
}

#p4{
    grid-area: pFour;
}

#footing{
    grid-area: footer;
}


.font2{
    font-family: "Press Start 2p"
}
.gridContainer > * {
    border: 2px solid black;
}