/* Firefox */
* {
    scrollbar-width: thin;
    scrollbar-color: var(--dark-yellow) var(--gray);
}

/* Chrome, Edge and Safari */
*::-webkit-scrollbar {
    width: 10px;
    width: 10px;
}
*::-webkit-scrollbar-track {
    border-radius: 5px;
    background-color: var(--gray);
}

*::-webkit-scrollbar-track:hover {
    background-color: var(--black);
}

*::-webkit-scrollbar-track:active {
    background-color: var(--black);
}

*::-webkit-scrollbar-thumb {
    border-radius: 5px;
    background-color: var(--dark-yellow);
}

*::-webkit-scrollbar-thumb:hover {
    background-color: var(--yellow);
}
  
*::-webkit-scrollbar-thumb:active {
    background-color: var(--yellow);
}