#page {
    display: grid;
    width: 100%;
    grid-template-areas: "head head head head"
                         "nav nav nav nav"
                         "left main main right"
                         "foot foot foot foot"
;
    grid-template-rows: 2fr 1fr 2fr 1fr;
    grid-template-columns: 1fr 1fr 1fr 1fr;
}

#page > header {
    grid-area: head;
    background-color: #8ca0ff;
}

#page > nav {
    grid-area: nav;
    background-color: #ffa08c;
}
#page > .left {
    grid-area: left;
    background-color: blue;
}

#page > .right {
    grid-area: right;
    background-color: blue;
}

#page > main {
    grid-area: main;
    background-color: #ffff64;
}

#page > footer {
    grid-area: foot;
    background-color: #8cffa0;
}