#page {
    display: grid;
    width: 100%;
    /*height: 250px;*/
    grid-template-areas: "head head head head"
                         "nav nav nav nav"
                         "left main main right"
                         "foot foot foot foot"
;
    grid-template-rows: 6fr 1fr 6fr 5fr;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    /*grid-template-columns: 150px 150px 150px 150px;*/
}

#page > header {
    grid-area: head;
    background-color: #7c60f7;
}

#page > nav {
    grid-area: nav;
    background-color: #755481;
}
#page > .left {
    grid-area: left;
    background-color: rgb(53, 69, 87);
}

#page > .right {
    grid-area: right;
    background-color: rgb(77, 77, 87);
}

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

#page > footer {
    grid-area: foot;
    background-color: #7d79a1;
}