A native CSS adoptation of smooth scroll js libraries

SmoothScroll.css

/* Activate a smooth scroll whn using inline anchor links, example: #about */
html {
  scroll-behavior: smooth;
}

/* Deactivate the smooth scroll if users has choose to reduce motion in their OS */
@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }
}