.container{
    width: 100%;
    height: 100vh;
    display: grid;
    grid-template-columns: [first] 20% [second] auto [third];
    grid-template-rows: [first] 15vh [second] 12vh [third] auto [fourth] 15vh [fifth];
}

.header {
    background-color: #840032;
    grid-column-start: first;
    grid-column-end: third;
    grid-row-start: first;
    grid-row-end: second;
}
.navbar {
    background-color: #2A628F;
    grid-column-start: second;
    grid-column-end: third;
    grid-row-start: second;
    grid-row-end: third;
}
.aside {
    background-color: #2A628F;
    grid-column-start: first;
    grid-column-end: second;
    grid-row-start: second;
    grid-row-end: fourth;
}
.main {
    background-color: #18435A;
    grid-column-start: second;
    grid-column-end: third;
    grid-row-start: third;
    grid-row-end: fourth;
}
.footer {
    background-color: #840032;
    grid-column-start: first;
    grid-column-end: third;
    grid-row-start: fourth;
    grid-row-end: fifth;
}