body {
    background-image: url(bg.avif);
    background-size: cover;
}

main {
    margin: auto;
    max-width: 80%;
    background-color: rgba(255, 255, 255, 0.801);
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-template-rows: 90px 1fr 260px 30px;
}

h1 {
    grid-column: 1/5;
    grid-row: 1/2;
    text-align: center;
    font-family: 'Tilt Neon', sans-serif;
}

img {
    max-width: 100%;
    height: auto;
    grid-column: 1/5;
    grid-row: 2/3;
}

p {
    font-family: 'Mohave', sans-serif;
}

#p1 {
    grid-column: 1/2;
    grid-row: 3/4;
}

#p2 {
    grid-column: 2/3;
    grid-row: 3/4;
}

#p3 {
    grid-column: 3/4;
    grid-row: 3/4;
}

#p4 {
    grid-column: 4/5;
    grid-row: 3/4;
}

footer {
    grid-column: 1/5;
    grid-row: 4/5;
    text-align: center;
    font-family: 'Mohave', sans-serif;
    font-style: italic;
}