::-webkit-scrollbar {
    width: 1rem;
}

::-webkit-scrollbar-track {
    background-color: transparent;
}

::-webkit-scrollbar-thumb {
    background-color: rgba(192, 192, 192, 0.8);
    border-radius: 1rem;
    border: 0.3rem solid transparent;
    background-clip: content-box;
}

::-webkit-scrollbar-thumb:hover {
    background-color: rgba(192, 192, 192, 1);
}

* {
    scrollbar-width: thin;
    scrollbar-color: rgba(192, 192, 192, 0.8) transparent;
}

body {
    font-family: 'Josefin Sans', sans-serif !important;
}

@media screen and (max-width: 768px) {
    html {
        scrollbar-width: none !important;
    }
}