@font-face {
  font-family: 'FK Grotesk';
  src: url('fk-grotesk/FKGrotesk-Thin.ttf') format('opentype');
  font-weight: 200;
  font-style: normal;
}

@font-face {
  font-family: 'FK Grotesk';
  src: url('fk-grotesk/FKGrotesk-Regular.ttf') format('opentype');
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: 'FK Grotesk Mono', sans-serif;
  src: url('fk-grotesk/FKGroteskMono-Regular.ttf') format('opentype');
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: 'FK Grotesk';
  src: url('fk-grotesk/FKGrotesk-Medium.ttf') format('opentype');
  font-weight: 500;
  font-style: normal;
}