/* @supports(scrollbar-color: red blue){
    * {
        scrollbar-color: var(--mainColor) var(--mainColor_clearer);
        scrollbar-width: thin;
    }
} */

::-webkit-scrollbar {
    width: 0.5rem;
    height: 0.5rem

}

::-webkit-scrollbar-track{
    background: var(--mainColor_clearer);
    border-radius: 100vw;
    margin-block: .2rem
}

::-webkit-scrollbar-thumb{
    background: var(--mainColor);
    border-radius: 100vw;
    border: .1rem solid var(--mainColor_clearer);
}

::-webkit-scrollbar-thumb:hover{
    background: var(--mainColor);
}