:root {
    --color-scroll-background: #405b70;
    scroll-behavior: smooth;

    /*
    scrollbar-width: thin;
    scrollbar-color: var(--color-page-background) var(--color-scroll-background);
    */
}


:root::-webkit-scrollbar {
    width: 10px;
    background-color: var( --color-scroll-background);
}

:root::-webkit-scrollbar-thumb {
    background-color: var(--color-page-background);
    border: 3px solid var( --color-scroll-background);
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}