::-webkit-scrollbar{

    width: 10px;

    height: 10px;

}

::-webkit-scrollbar-track{

    background: var(--background-color);

}

::-webkit-scrollbar-thumb{

    background: linear-gradient(
        180deg,
        var(--primary-color),
        var(--secondary-color)
    );

    border-radius: 50px;

    border: 2px solid var(--background-color);

}

::-webkit-scrollbar-thumb:hover{

    background: linear-gradient(
        180deg,
        #60A5FA,
        #2563EB
    );

}

::-webkit-scrollbar-corner{

    background: var(--background-color);

}

*{

    scrollbar-width: thin;

    scrollbar-color: var(--primary-color) var(--background-color);

}

html{

    scroll-behavior: smooth;

    scroll-padding-top: 90px;

}

::selection{

    background: rgba(59,130,246,.35);

    color: var(--white);

}

::-moz-selection{

    background: rgba(59,130,246,.35);

    color: var(--white);

}

body{

    overflow-x: hidden;

}

body::-webkit-scrollbar{

    width: 11px;

}

body::-webkit-scrollbar-thumb{

    min-height: 80px;

}

img{

    user-select: none;

    -webkit-user-drag: none;

}

a{

    -webkit-tap-highlight-color: transparent;

}

button{

    -webkit-tap-highlight-color: transparent;

}

input,

textarea,

select{

    -webkit-tap-highlight-color: transparent;

}

*:focus{

    outline: none;

}

:focus-visible{

    outline: 2px solid rgba(59,130,246,.5);

    outline-offset: 4px;

    border-radius: 6px;

}