@font-face {
  font-family: 'Mona-Sans';
  src:
    url('/resources/fonts/Mona-Sans.woff2') format('woff2 supports variations'),
    url('/resources/fonts/Mona-Sans.woff2') format('woff2-variations');
  font-weight: 200 900;
  font-stretch: 75% 125%;
}

@font-face {
  font-family: 'Moonstone History';
  src: url('/resources/fonts/Moonstone History.woff') format('woff');
}

@font-face {
  font-family: 'Monsterrat';
  src:
    url('/resources/fonts/Montserrat-VariableFont_wght.ttf') format('ttf supports variations'),
    url('/resources/fonts/Montserrat-VariableFont_wght.ttf') format('ttf-variations');
}

@font-face {
  font-family: "Overused Grotesk";
  src:
    url("/resources/fonts/OverusedGrotesk-VF.woff2") format("woff2 supports variations"),
    url("/resources/fonts/OverusedGrotesk-VF.woff2") format("woff2-variations");
  font-weight: 300 900;
}

body {
  margin: 0;
}

html {
  scroll-behavior: smooth;
}