/**************************************/
/**************** Root ****************/
/**************************************/
:root {
    --documentation: white;
    --navbar: white;
}

/**************************************/
/*************** Navbar ***************/
/**************************************/

@media screen and (max-width: 763px) {
    nav {
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
        height: unset !important;
        padding-bottom: .5rem;
    }

    #app>div.fixed {
        height: 80px;
    }

    nav>div {
        padding-top: .5rem;
    }

    nav .mx-2 {
        margin-left: .2rem !important;
        margin-right: .2rem !important;
    }

    nav button, nav a.button {
        padding: .5rem !important;
    }

    div.search-box {
        margin-top: 5.25rem !important;
    }
}