main {
    display: grid;
    grid-template-areas:
        "heading heading heading heading"
        "hero hero hero hero"
        "par1 par2 par3 par4"
        "footer footer footer footer";
        justify-content: center;
        column-gap: 0;
}

h1 {
    grid-area: heading;
    background-color: white;
    font-family: "Isometra", serif;
    border: 1px solid black;
    width: 810px;
    text-align: center;
    margin: 0;
}

img {
    grid-area: hero;
    width: 810px;
    height: 180px;
    margin: 0;
    border: 1px solid black;
}

#par1 {
    grid-area: par1;
    background-color: white;
    font-family: "Lobster Two", sans-serif;
    font-weight: 400;
    font-style: normal;
    border: 1px solid black;
    margin: 0;
    width: 200px;
    height: 510px;
}

#par2 {
    grid-area: par2;
    background-color: white;
    font-family: "Lobster Two", sans-serif;
    font-weight: 400;
    font-style: normal;
    border: 1px solid black;
    margin: 0;
    width: 200px;
    height: 510px;
}

#par3 {
    grid-area: par3;
    background-color: white;
    font-family: "Lobster Two", sans-serif;
    font-weight: 400;
    font-style: normal;
    border: 1px solid black;
    margin: 0;
    width: 200px;
    height: 510px;
}

#par4 {
    grid-area: par4;
    background-color: white;
    font-family: "Lobster Two", sans-serif;
    font-weight: 400;
    font-style: normal;
    border: 1px solid black;
    margin: 0;
    width: 200px;
    height: 510px;
    gap: 0;
}

footer {
    grid-area: footer;
    background-color: white;
    font-family: "Isometra", serif;
    font-weight: 400;
    font-style: normal;
    padding-top: 25px;
    padding-bottom: 25px;
    border: 1px solid black;
    width: 810px;
    text-align: center;
    margin: 0;
}