body::-webkit-scrollbar { width: 0.4em; z-index: 99999; }

body::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); }

body::-webkit-scrollbar-thumb {
    background-color: #bbbbbb;
    outline: 1px solid white; 
}

.smooth-scroll {
    width: 2.5em;
    overflow: hidden;
    z-index: 999;
    display: none;
    cursor: pointer;
    -moz-transform: rotate(270deg);
    -webkit-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform: rotate(270deg);
    position: fixed;
    bottom: 2em;
    right: 1.3em;
    transform: rotate(0deg) !important;
}

.smooth-scroll img { width: 2.5em; }

@media (min-width: 325px) and (max-width: 499.98px) {
    .smooth-scroll { right: 2em; } 
}

@media (max-width: 324px){
    .smooth-scroll { right: 3em; }
}