@font-face {
  font-family: "Archivo";
  src: url("Archivo-VariableFont_wdth,wght.ttf") format("truetype");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Impact';
  src: url('TR-Impact.woff2') format("woff2");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'DillyDally';
  src: url('DillyDally-Regular.woff2') format('woff2'),
       url('DillyDally-Regular.woff') format('woff'),
       url('DillyDally.otf') format('otf');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Catfiles';
  src: url('Catfiles.woff2') format('woff2'),
       url('Catfiles.woff') format('woff'),
       url('Catfiles.otf') format('otf');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

/* Hinterland */
@font-face {
    font-family: 'TheSeasons';
    src: url('TheSeasonsBold.woff2') format('woff2'),
         url('TheSeasonsBold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'TheSeasons';
    src: url('TheSeasonsRegular.woff2') format('woff2'),
         url('TheSeasonsRegular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'BeVietnamPro';
    src: url('BeVietnamPro-Regular.woff2') format('woff2'),
         url('BeVietnamPro-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'BeVietnam-Thin';
    src: url('BeVietnamPro-Thin.woff2') format('woff2'),
         url('BeVietnamPro-Thin.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}