body{
    /* overscroll-behavior: none; */
}

.page{
    display: none !important;
}
.page.active{
    display: inherit !important;
}
.page.active.d-flex{
    display: flex !important;
}
.hide{
    display: none !important;
}

.clickable{
    cursor: pointer;
}

#nav{
    width: 280px;
}

#nav *:focus{
    outline: none;
}

@media (min-width: 768px){
    .nav-padding{
        padding-left: 280px !important;
    }

    .nav-padding-p3{
        padding-left: 290px !important;
    }
}