body{
    background-color: black;
}
main{
    display:grid;
    grid-template-areas:
    "Headline Headline Headline Headline"
    "Hero Hero Hero Hero"
    "P1 P2 P3 P4"
    "Footer Footer Footer Footer";
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-template-rows: 1fr auto 5fr 1fr;
    background-color: rgba(255, 0, 0, 0.205);
    gap:5px;
    border: 5px rgba(255, 0, 0, 0.274) solid;
}
main>div{
    background-color: rgba(233, 227, 227, 0.347);
}
#Header{
    grid-area:Headline;
}
header{
    font-size:50px;
    text-align: center;
    font-weight: bold;
    text-shadow: rgb(72, 3, 3) 2px 2px 2px;
}
#Hero{
    grid-area:Hero;

}
#Hero>img{
    margin-left:37%;
    margin-right:auto;
}
#P1{
    grid-area:P1;
}
#P2{
    grid-area:P2;
}
#P3{
    grid-area:P3;
}
#P4{
    grid-area:P4;
}
div>p{


  font-family: "Exo 2", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;

}
#FOOTER{
    grid-area:Footer;

}
footer{
          font-family: "Exo 2", sans-serif;
  font-optical-sizing: auto;
  font-style: italic;
  font-style: normal;
}
body{
    background-image: url(Images/CHEESEBG.webp);
    background-repeat:no-repeat;
    background-size: cover;
    background-position: center;
}