html {
    scroll-behavior: smooth;
    scroll-padding-top: 100px;
}

@media (max-width: 768px) {
    html {
        scroll-padding-top: 50px;
    }
}