:root {
    --touch-whitespace: calc(18vw - 132px);
}

#grid {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: 12em 12em 12em auto 12em;
    padding-left: var(--touch-whitespace);
    padding-right: var(--touch-whitespace);
}

#topbar {
    grid-row: 1;
}

#sidebar-nav {
    position: fixed;
    bottom: 0;
    left: 50%;
    width: 50px;
    height: 50px;
}

#sidebar-pageview {
    grid-row: 2;
}

#page {
    grid-row: 3 / 5;
    display: grid;
    grid-template-rows: subgrid;
    grid-template-columns: subgrid;
}

#titleblock {
    grid-row: 1;
}

#pagebody {
    grid-row: 2;
}

#bottombar {
    grid-row: 5;
}