html {
    scroll-behavior: smooth;
    scroll-padding-top: 72px; /* nav bar height */
}

.custom-scroll::-webkit-scrollbar {
    width: 10px;
}

.custom-scroll::-webkit-scrollbar-track {
    background: #e2e8f0;
    border-radius: 10px;
}

.custom-scroll::-webkit-scrollbar-thumb {
    background: #94a3b8;
    border-radius: 10px;
}

.custom-scroll::-webkit-scrollbar-thumb:hover {
    background: #64748b;
}

.custom-scroll {
    scrollbar-width: auto;
    scrollbar-color: #94a3b8 #e2e8f0;
}