@font-face {
  font-family: 'Fraunces';
  src: url('/assets/fonts/Fraunces-Variable.ttf') format('truetype');
  font-weight: 400 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Hanken Grotesk';
  src: url('/assets/fonts/HankenGrotesk-Variable.ttf') format('truetype');
  font-weight: 400 800;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Spline Sans Mono';
  src: url('/assets/fonts/SplineSansMono-Variable.ttf') format('truetype');
  font-weight: 400 600;
  font-style: normal;
  font-display: swap;
}