body {
    background-image: url(images/spaghet.jpg);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    background-color: #7b6645ff;
}

main {
    display: grid;
    grid-template-rows: auto 1fr auto auto;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    margin-left: 10%;
    margin-right: 10%;
    grid-gap: 1ch;

    height: 100%;

    background-color: rgba(255, 255, 255, 0.80);
    
    border-radius: 1ch;

    padding: 1%;
}

main > * {
    border-radius: 1ch;

    padding: 1%;
}

h1 {
    grid-area: 1 / 1 / 2 / 5;
    margin-top: 0%;
    margin-bottom: 0%;

    text-align: center;
    font-family: 'Boldonse';

    border-radius: 0%;
}

p {
    background-color: grey;

    border: solid 1px black;

    font-family: 'Ubuntu';
}

footer {
    grid-area: 4 / 1 / 5 / 5;
    
    text-align: center;
    font-family: 'Ubuntu';
    font-style: italic;
}

#hero {
    grid-area: 2 / 2 / 3 / 4;
    justify-self: center;
}

#para1 {
    grid-area: 3 / 1 / 4 / 2;
}

#para2 {
    grid-area: 3 / 2 / 4 / 3;
}

#para3 {
    grid-area: 3 / 3 / 4 / 4;
}

#para4 {
    grid-area: 3 / 4 / 4 / 5;
}