#gridcontainer {
    display: grid;

    background-color: lightgray;
}

nav,
main,
footer,
header {

    text-align: center;
    grid-column: 2/8;
    border: solid 1px;
    color: #2e4d55;
    font-family: lato;

}

header p {
    padding: 1rem;
    color: white;
    font-size: 1.2rem;

}

nav {
    padding: 1rem;
    background: rgb(49, 78, 86);
    background: linear-gradient(360deg, rgba(49, 78, 86, 1) 0%, rgba(241, 187, 114, 1) 50%, rgba(218, 78, 28, 1) 100%);


}

nav a {
    padding: 1rem;
    text-decoration: none;
    text-decoration: underline;
    color: black;
    font-size: 2rem;
    color: #2e4d55;
    font-weight: 600;

}

main {
    background-color: #F64B17;
    background-image: linear-gradient(366deg, hsla(14, 93%, 53%, 1) 0%, hsla(35, 92%, 63%, 1) 50%, hsla(27, 16%, 13%, 1) 100%);


}

main p {
    padding: 2rem;
    color: white;
    font-family: caveat;
    font-size: 1.5rem;
}

main h2 {
    text-decoration: underline;
    padding: 1rem;
    font-size: 2.5rem;
    border-bottom: solid;
    margin: 0 50px;
    font-family: caveat;
}

header h1 {
    padding: 1rem;
    font-size: 3rem;
}

header {
    background: hsla(14, 93%, 53%, 1);

    background: linear-gradient(90deg, hsla(14, 93%, 53%, 1) 0%, hsla(30, 84%, 58%, 1) 100%);


}

main img {
    background-position: center;
    background-size: cover;
    height: 100%;
    width: 100%;
    aspect-ratio: auto;

}

footer {
    background: hsla(14, 93%, 53%, 1);
    font-size: 1.5rem;
    background: linear-gradient(180deg, hsla(14, 93%, 53%, 1) 0%, hsla(30, 84%, 58%, 1) 100%);
    border: solid 1px black;
    color: green;
    padding: 1rem;
    font-weight: 550;
    padding-top: 5rem;

}

footer a {
    text-decoration: none;
    color: white;
    text-decoration: underline;
    font-weight: 800;
}

footer img {
    padding: 1rem;
    max-width: 10rem;
    float: left;

}