@font-face {
  font-family: "Sansation";
  src: url("/assets/fonts/sansation/Sansation-Regular.ttf") format("truetype"),
    url("/assets/fonts/sansation/Sansation-Italic.ttf") format("truetype"),
    url("/assets/fonts/sansation/Sansation-Bold.ttf") format("truetype"),
    url("/assets/fonts/sansation/Sansation-BoldItalic.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
body {
  background-color: var(--background-color);
  font-family: "Sansation", sans-serif;
  transition: var(--theme-toggle-transition);
}
html {
  scroll-behavior: smooth;
}
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
.material-symbols-outlined {
  font-variation-settings: "FILL" 1, "wght" 400, "GRAD" 0, "opsz" 24 !important;
}

section {
  scroll-margin-top: 60px;
}