html {
    scroll-behavior: smooth;
}
::-webkit-scrollbar {width: 5px;}
::-webkit-scrollbar {height: 0;}
::-webkit-scrollbar-track {background-color: transparent}
::-webkit-scrollbar-thumb {background: white;}

body{
    background-color: black;
    margin: 0;
    letter-spacing: -0.1;
}

#SM-nav{
    position: fixed;
    top: 45%;
    right: 0;
    display: flex;
    flex-direction: column;
    align-items:center;
    justify-content: space-evenly;
    width: 25pt;
    height: 120pt;
    z-index: 10000;
    background-color: rgba(0,0,0,1);
    backdrop-filter: blur(5px);
    border-top-left-radius: 5pt;
    border-bottom-left-radius: 5pt;
    
}

.SM-icon{
    cursor: pointer;
    filter: brightness(0.9)
    
}.SM-icon:hover{
    filter: brightness(1);
}