/* Smooth Scrolling Effect for the entire page */

html {
    scroll-behavior: smooth;
}

/* For browsers that don't support smooth scrolling natively */
@media screen and (prefers-reduced-motion: reduce) {
    html {
        scroll-behavior: auto;
    }
}