/*------Main - Grid------*/

body{
    background-color: #343a40;
    display: grid;
    grid-template-columns: repeat(3, 33%);
    grid-template-rows: 1fr 2fr auto 1fr;
    grid-template-areas:
            "nav nav nav"
            "header header header"
            "main main main"
            "footer footer footer";
}
nav{
    grid-area: nav;
    background-color: green;
}
header{
    grid-area: header;
    background-color: red;
    text-align: center;
    align-content: center;
}
main{
    grid-area: main;
    background-color: yellow;
}
footer{
    grid-area: footer;
    background-color: blue;
}