/* ========== MAIN CONTENT ========== */
main {
    flex: 1 0 auto;
    display: flex;
    overflow: visible;
    position: relative;
    /* Subtract header (72px) so flex children that ask for 100% height still
       resolve to a visible viewport-sized area on initial load. */
    min-height: calc(100vh - 72px);
    min-height: calc(100dvh - 72px);
}

.view {
    display: none;
    width: 100%;
    min-height: 100%;
}

.view.active {
    display: flex;
}