main{
    display: grid;
    grid-template-areas:
    "head head head head"
    "photo photo photo photo"
    "p1 p2 p3 p4"
    "footer footer footer footer";
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-template-rows: 1fr 2fr 3fr 1fr;
    gap:5px;
    background-color: rgb(234, 215, 183, 0.5);
}
#head{
    grid-area: head;
}
#photo{
    grid-area: photo;
}
#p1{
    grid-area: p1;
}
#p2{
    grid-area: p2;
}
#p3{
    grid-area: p3;
}
#p4{
    grid-area: p4;
}
#footer{
    grid-area: footer;
    background-image:url("images/car.jpg");
    background-repeat: no-repeat;
    background-size:contain;
    background-position: center;
}

main > *{
    outline:black 5px solid;
    text-align: center;
}

p{
    font-family: "Saira Stencil One", sans-serif;
    font-weight: 400;
    font-style: normal;
}

h1{
    font-family: "Audiowide", sans-serif;
    font-weight: 400;
    font-style: normal;
}