body {
    background: #000000;
    --scrollbar-foreground: rgba(0,0,0,0.0);
    --scrollbar-background: none;
    /* Foreground, Background */
    overflow-y: overlay;
    scrollbar-color: var(--scrollbar-foreground) var(--scrollbar-background);
}

body::-webkit-scrollbar {
    width: 10px;
    height: 6px;

}

body::-webkit-scrollbar-thumb {
    /* Foreground */
    background: var(--scrollbar-foreground);

}

body::-webkit-scrollbar-track {
    /* Background */
    background: var(--scrollbar-background);
}

.navbar {
    transition: all 0.2s ease-in-out;
}

.navbar-scroll {
    background: rgba(0, 0, 0, 0.9);
}
.styled-scrollbars {
    --scrollbar-foreground: white;
    --scrollbar-background: none;
    /* Foreground, Background */
    scrollbar-color: var(--scrollbar-foreground) var(--scrollbar-background);
}

.styled-scrollbars::-webkit-scrollbar {
    width: 10px;
    height: 6px;

}

.styled-scrollbars::-webkit-scrollbar-thumb {
    /* Foreground */
    background: var(--scrollbar-foreground);

}

.styled-scrollbars::-webkit-scrollbar-track {
    /* Background */
    background: var(--scrollbar-background);
}

input:focus,
select:focus,
textarea:focus,
button:focus {
outline: none !important;
-webkit-box-shadow: none;
box-shadow: none !important;
}