:root {
  --base_font_size: 62.5%;
}
html {
  font-size: var(--base_font_size);
}
body {
  overflow-x: clip;
  margin: auto;
  width: fit-content;
  background-color: #f6f6f6;
}

/* https://css-tricks.com/slow-movement/#h-you-can-implement-native-smooth-scrolling-in-css */
/* Animate scrolling only if users don’t prefer reduced motion */
@media (prefers-reduced-motion: no-preference) {
  html {
    scroll-behavior: smooth;
  }

  /* Add some spacing between the target and the top of the viewport */
  :target {
    scroll-margin-top: 0px;
  }
}