main.template{
    grid-template-columns: 20fr 60fr 20fr;
    display: grid;
    grid-column-gap: 30px;
    grid-row-gap: 0;

}

main.template > header.grid {
    grid-column: 1 / span 3;
    background-color: #658DC6;
}

main.template > nav.grid {
    grid-column: 1;
    background-color: #0F4C81;
}

main.template > aside{
    background-color: #84898C;
}

main.template > footer.grid {
    grid-column: 1 / span 3;
    background-color: #658DC6;

}

nav.grid > ul{
    padding: 0;
    list-style-type: none;
}

nav.grid li {
    padding: 0 1em;
    background-color: #B5C7D3;
}

nav.grid li:hover {
    background-color: #FFFFFF;
}