.page6 {

    --page-header-height: 4rem;
    
    --page-nav-height: 3rem;
    
    --page-menu-width: 100%;
    --page-menu-color: #111;
    --page-menu-bgcolor: #EEE;
    
    --page-aside-width: 100%;
    --page-aside-color: #111;
    --page-aside-bgcolor: #EEE;
    
    --page-footer-height: 3rem;

    height: 100%;
}

.page6.document {
    background-color: var(--paper-color);
    border: solid 1px var(--divider-color);
    margin: 20px;
}

.page6>menu {
    padding: 0px;
    margin: 0px;
    grid-area: menu;
    width: var(--page-menu-width);
    color: var(--page-menu-color);
    background-color: var(--page-menu-bgcolor);
}

.page6>header {
    grid-area: header;
    height: var(--page-header-height);
}

.page6>nav {
    grid-area: nav;
    height: var(--page-nav-height);
}

.page6>main {
    grid-area: main;
    overflow: hidden;
}

.page6>aside {
    grid-area: aside;
    width: var(--page-aside-width);
    color: var(--page-aside-color);
    background-color: var(--page-aside-bgcolor);
}

.page6>footer {
    grid-area: footer;
    min-height: var(--page-footer-height);
}