/* SCROLL CONTAINER & SCROLL BAR */
.scroll-container {

    padding-top: 15px;
    padding-bottom: 10px;


    position: absolute;
    top: var(--nav-height); /* start right below the navbar */
    left: 0;
    right: 0;
    bottom: 0;
    overflow-y: auto; /* scroll only in this area */







    padding-right: 3%;

    padding-left: 3%;


    box-sizing: border-box; /* make padding included in width */
    
    /* Smooth scrolling performance */
    -webkit-overflow-scrolling: touch; /* iOS momentum scrolling */
    scroll-behavior: smooth;
    will-change: scroll; /* hints browser to optimize scroll */
}