* {
    font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
    scroll-behavior: smooth;
}

html{
    overflow-x: hidden;
    overflow-y: scroll;
}

body {
    scroll-behavior: smooth;
}

body::-webkit-scrollbar {
    width: 6px;
}

body::-webkit-scrollbar-track {
    background-color: #0bb3ff;
}

body::-webkit-scrollbar-thumb {
    background-color: #ff8000;
    border-radius: 6px;
}

body::-webkit-scrollbar-thumb:hover {
    background-color: darken(#0bb3ff, 20%);
}

#popup{
    display:none;
}

#popup.open {
    display:block !important;
}