@font-face {
    font-family: 'politiesans';
    src: url("/assets/fonts/politiesans-regular.ttf");
}

body {
    font-family: 'politiesans', 'Inter', monospace;
}

/* ScrollBar */
::-webkit-scrollbar {
    width: 15px;
}
::-webkit-scrollbar-track {
    border: solid 4px transparent;
    border-radius: 10px;
}

::-webkit-scrollbar-thumb {
    border: solid 4px transparent;
    border-radius: 10px;
}
::-webkit-scrollbar-corner {
    background-color: transparent;
}

/* Dark */
@media only screen and (max-width: 992px) {
    .dark .nav-menu::-webkit-scrollbar-thumb {
        box-shadow: inset 0 0 15px 15px white !important;
    }
}
.dark ::-webkit-scrollbar-track {
    box-shadow: inset 0 0 15px 15px #194266;
}
.dark ::-webkit-scrollbar-thumb {
    box-shadow: inset 0 0 15px 15px #002c53;
}

/* Light */
.light ::-webkit-scrollbar-track {
    box-shadow: inset 0 0 15px 15px #4582b8;
}
.light ::-webkit-scrollbar-thumb {
    box-shadow: inset 0 0 15px 15px #004682;
}