#menubar {
    min-height: 100vh;
    transition: all 500ms;
    overflow-y: auto;
    align-items: start;
}

#menu {
    width: var(--menu-width);
    height: 100vh;
    overflow-y: auto;
}

.nav-link {
    font-size: 20px;
    padding-left: 1.5em !important;
    border-left: 5px transparent solid;
}

.nav-link.active {
    border-left: 5px white solid;
}
/*************************************************************************************/
@media (max-width:768px) {
    #menubar {
        z-index: 1000;
        left: var(--menu-width-neg);
    }

    .responsive-button {
        position: fixed;
        right: 0;
        left: 0;
        bottom: 0;
        z-index: 1;
        height: 10vh;
        border: unset;
    }
}

@media (min-width:768px) {
    #menubar {
        z-index: 1000;
        left: 0 !important;
    }
}