@media (width < 820px) {
    body, html {
        overflow-y: scroll;
    }
    .navbar {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        margin-bottom: 0;
    }
    .navbar:not(.open) :not(.mobile) a {
        display: none;
    }
    .navbar .app-name {
        display: block;
        padding-right: unset;
        text-align: left;
    }
    .navbar .mobile,
    .navbar .mobile a {
        display: inline-block;
    }
    .navbar:not(.open) .menu-open,
    .navbar.open .menu-closed {
        display: none;
    }
    .navbar .navbar-item.right-floater.mobile {
        position: absolute;
        right: 0;
    }
    body .content {
        margin: 0;
        border: none;
        border-radius: 0;
    }
}

@media (width < 460px) {

}