/* GENERATED by scripts/fetch-fonts.mjs — do not edit. */

@font-face {
    font-family: 'Abril Fatface';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('files/abril-fatface-400.woff2') format('woff2');
}

@font-face {
    font-family: 'Aldrich';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('files/aldrich-400.woff2') format('woff2');
}

@font-face {
    font-family: 'Alegreya';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('files/alegreya-400.woff2') format('woff2');
}

@font-face {
    font-family: 'Alegreya';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url('files/alegreya-700.woff2') format('woff2');
}

@font-face {
    font-family: 'Alex Brush';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('files/alex-brush-400.woff2') format('woff2');
}

@font-face {
    font-family: 'Alfa Slab One';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('files/alfa-slab-one-400.woff2') format('woff2');
}

@font-face {
    font-family: 'Allura';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('files/allura-400.woff2') format('woff2');
}

@font-face {
    font-family: 'Amatic SC';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('files/amatic-sc-400.woff2') format('woff2');
}

@font-face {
    font-family: 'Amatic SC';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url('files/amatic-sc-700.woff2') format('woff2');
}

@font-face {
    font-family: 'Anonymous Pro';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('files/anonymous-pro-400.woff2') format('woff2');
}

@font-face {
    font-family: 'Anonymous Pro';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url('files/anonymous-pro-700.woff2') format('woff2');
}

@font-face {
    font-family: 'Anton';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('files/anton-400.woff2') format('woff2');
}

@font-face {
    font-family: 'Architects Daughter';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('files/architects-daughter-400.woff2') format('woff2');
}

@font-face {
    font-family: 'Archivo';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('files/archivo-400.woff2') format('woff2');
}

@font-face {
    font-family: 'Archivo';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url('files/archivo-700.woff2') format('woff2');
}

@font-face {
    font-family: 'Archivo Black';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('files/archivo-black-400.woff2') format('woff2');
}

@font-face {
    font-family: 'Archivo Narrow';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('files/archivo-narrow-400.woff2') format('woff2');
}

@font-face {
    font-family: 'Archivo Narrow';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url('files/archivo-narrow-700.woff2') format('woff2');
}

@font-face {
    font-family: 'Arvo';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('files/arvo-400.woff2') format('woff2');
}

@font-face {
    font-family: 'Arvo';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url('files/arvo-700.woff2') format('woff2');
}

@font-face {
    font-family: 'Asap';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('files/asap-400.woff2') format('woff2');
}

@font-face {
    font-family: 'Asap';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url('files/asap-700.woff2') format('woff2');
}

@font-face {
    font-family: 'Assistant';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('files/assistant-400.woff2') format('woff2');
}

@font-face {
    font-family: 'Assistant';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url('files/assistant-700.woff2') format('woff2');
}

@font-face {
    font-family: 'Audiowide';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('files/audiowide-400.woff2') format('woff2');
}

@font-face {
    font-family: 'Azeret Mono';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('files/azeret-mono-400.woff2') format('woff2');
}

@font-face {
    font-family: 'Azeret Mono';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url('files/azeret-mono-700.woff2') format('woff2');
}

@font-face {
    font-family: 'Baloo 2';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('files/baloo-2-400.woff2') format('woff2');
}

@font-face {
    font-family: 'Baloo 2';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url('files/baloo-2-700.woff2') format('woff2');
}

@font-face {
    font-family: 'Bangers';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('files/bangers-400.woff2') format('woff2');
}

@font-face {
    font-family: 'Barlow';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('files/barlow-400.woff2') format('woff2');
}

@font-face {
    font-family: 'Barlow';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url('files/barlow-700.woff2') format('woff2');
}

@font-face {
    font-family: 'Barlow Condensed';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('files/barlow-condensed-400.woff2') format('woff2');
}

@font-face {
    font-family: 'Barlow Condensed';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url('files/barlow-condensed-700.woff2') format('woff2');
}

@font-face {
    font-family: 'Bebas Neue';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('files/bebas-neue-400.woff2') format('woff2');
}

@font-face {
    font-family: 'Berkshire Swash';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('files/berkshire-swash-400.woff2') format('woff2');
}

@font-face {
    font-family: 'Bitter';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('files/bitter-400.woff2') format('woff2');
}

@font-face {
    font-family: 'Bitter';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url('files/bitter-700.woff2') format('woff2');
}

@font-face {
    font-family: 'Black Ops One';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('files/black-ops-one-400.woff2') format('woff2');
}

@font-face {
    font-family: 'Bowlby One SC';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('files/bowlby-one-sc-400.woff2') format('woff2');
}

@font-face {
    font-family: 'Bungee';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('files/bungee-400.woff2') format('woff2');
}

@font-face {
    font-family: 'Bungee Shade';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('files/bungee-shade-400.woff2') format('woff2');
}

@font-face {
    font-family: 'Cabin';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('files/cabin-400.woff2') format('woff2');
}

@font-face {
    font-family: 'Cabin';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url('files/cabin-700.woff2') format('woff2');
}

@font-face {
    font-family: 'Cardo';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('files/cardo-400.woff2') format('woff2');
}

@font-face {
    font-family: 'Cardo';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url('files/cardo-700.woff2') format('woff2');
}

@font-face {
    font-family: 'Catamaran';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('files/catamaran-400.woff2') format('woff2');
}

@font-face {
    font-family: 'Catamaran';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url('files/catamaran-700.woff2') format('woff2');
}

@font-face {
    font-family: 'Caveat';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('files/caveat-400.woff2') format('woff2');
}

@font-face {
    font-family: 'Caveat';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url('files/caveat-700.woff2') format('woff2');
}

@font-face {
    font-family: 'Chakra Petch';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('files/chakra-petch-400.woff2') format('woff2');
}

@font-face {
    font-family: 'Chakra Petch';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url('files/chakra-petch-700.woff2') format('woff2');
}

@font-face {
    font-family: 'Changa One';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('files/changa-one-400.woff2') format('woff2');
}

@font-face {
    font-family: 'Chewy';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('files/chewy-400.woff2') format('woff2');
}

@font-face {
    font-family: 'Chivo';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('files/chivo-400.woff2') format('woff2');
}

@font-face {
    font-family: 'Chivo';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url('files/chivo-700.woff2') format('woff2');
}

@font-face {
    font-family: 'Cinzel';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('files/cinzel-400.woff2') format('woff2');
}

@font-face {
    font-family: 'Cinzel';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url('files/cinzel-700.woff2') format('woff2');
}

@font-face {
    font-family: 'Comfortaa';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('files/comfortaa-400.woff2') format('woff2');
}

@font-face {
    font-family: 'Comfortaa';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url('files/comfortaa-700.woff2') format('woff2');
}

@font-face {
    font-family: 'Concert One';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('files/concert-one-400.woff2') format('woff2');
}

@font-face {
    font-family: 'Cookie';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('files/cookie-400.woff2') format('woff2');
}

@font-face {
    font-family: 'Cormorant Garamond';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('files/cormorant-garamond-400.woff2') format('woff2');
}

@font-face {
    font-family: 'Cormorant Garamond';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url('files/cormorant-garamond-700.woff2') format('woff2');
}

@font-face {
    font-family: 'Courgette';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('files/courgette-400.woff2') format('woff2');
}

@font-face {
    font-family: 'Cousine';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('files/cousine-400.woff2') format('woff2');
}

@font-face {
    font-family: 'Cousine';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url('files/cousine-700.woff2') format('woff2');
}

@font-face {
    font-family: 'Creepster';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('files/creepster-400.woff2') format('woff2');
}

@font-face {
    font-family: 'Crimson Text';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('files/crimson-text-400.woff2') format('woff2');
}

@font-face {
    font-family: 'Crimson Text';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url('files/crimson-text-700.woff2') format('woff2');
}

@font-face {
    font-family: 'Damion';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('files/damion-400.woff2') format('woff2');
}

@font-face {
    font-family: 'Dancing Script';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('files/dancing-script-400.woff2') format('woff2');
}

@font-face {
    font-family: 'Dancing Script';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url('files/dancing-script-700.woff2') format('woff2');
}

@font-face {
    font-family: 'DM Mono';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('files/dm-mono-400.woff2') format('woff2');
}

@font-face {
    font-family: 'DM Sans';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('files/dm-sans-400.woff2') format('woff2');
}

@font-face {
    font-family: 'DM Sans';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url('files/dm-sans-700.woff2') format('woff2');
}

@font-face {
    font-family: 'DM Serif Display';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('files/dm-serif-display-400.woff2') format('woff2');
}

@font-face {
    font-family: 'Domine';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('files/domine-400.woff2') format('woff2');
}

@font-face {
    font-family: 'Domine';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url('files/domine-700.woff2') format('woff2');
}

@font-face {
    font-family: 'Dosis';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('files/dosis-400.woff2') format('woff2');
}

@font-face {
    font-family: 'Dosis';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url('files/dosis-700.woff2') format('woff2');
}

@font-face {
    font-family: 'Eater';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('files/eater-400.woff2') format('woff2');
}

@font-face {
    font-family: 'EB Garamond';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('files/eb-garamond-400.woff2') format('woff2');
}

@font-face {
    font-family: 'EB Garamond';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url('files/eb-garamond-700.woff2') format('woff2');
}

@font-face {
    font-family: 'Exo 2';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('files/exo-2-400.woff2') format('woff2');
}

@font-face {
    font-family: 'Exo 2';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url('files/exo-2-700.woff2') format('woff2');
}

@font-face {
    font-family: 'Faster One';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('files/faster-one-400.woff2') format('woff2');
}

@font-face {
    font-family: 'Figtree';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('files/figtree-400.woff2') format('woff2');
}

@font-face {
    font-family: 'Figtree';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url('files/figtree-700.woff2') format('woff2');
}

@font-face {
    font-family: 'Fira Code';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('files/fira-code-400.woff2') format('woff2');
}

@font-face {
    font-family: 'Fira Code';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url('files/fira-code-700.woff2') format('woff2');
}

@font-face {
    font-family: 'Fira Sans';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('files/fira-sans-400.woff2') format('woff2');
}

@font-face {
    font-family: 'Fira Sans';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url('files/fira-sans-700.woff2') format('woff2');
}

@font-face {
    font-family: 'Fjalla One';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('files/fjalla-one-400.woff2') format('woff2');
}

@font-face {
    font-family: 'Frank Ruhl Libre';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('files/frank-ruhl-libre-400.woff2') format('woff2');
}

@font-face {
    font-family: 'Frank Ruhl Libre';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url('files/frank-ruhl-libre-700.woff2') format('woff2');
}

@font-face {
    font-family: 'Fredoka';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('files/fredoka-400.woff2') format('woff2');
}

@font-face {
    font-family: 'Fredoka';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url('files/fredoka-700.woff2') format('woff2');
}

@font-face {
    font-family: 'Frijole';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('files/frijole-400.woff2') format('woff2');
}

@font-face {
    font-family: 'Fugaz One';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('files/fugaz-one-400.woff2') format('woff2');
}

@font-face {
    font-family: 'Gloria Hallelujah';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('files/gloria-hallelujah-400.woff2') format('woff2');
}

@font-face {
    font-family: 'Goldman';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('files/goldman-400.woff2') format('woff2');
}

@font-face {
    font-family: 'Goldman';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url('files/goldman-700.woff2') format('woff2');
}

@font-face {
    font-family: 'Great Vibes';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('files/great-vibes-400.woff2') format('woff2');
}

@font-face {
    font-family: 'Handlee';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('files/handlee-400.woff2') format('woff2');
}

@font-face {
    font-family: 'Heebo';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('files/heebo-400.woff2') format('woff2');
}

@font-face {
    font-family: 'Heebo';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url('files/heebo-700.woff2') format('woff2');
}

@font-face {
    font-family: 'Hind';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('files/hind-400.woff2') format('woff2');
}

@font-face {
    font-family: 'Hind';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url('files/hind-700.woff2') format('woff2');
}

@font-face {
    font-family: 'Homemade Apple';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('files/homemade-apple-400.woff2') format('woff2');
}

@font-face {
    font-family: 'IBM Plex Mono';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('files/ibm-plex-mono-400.woff2') format('woff2');
}

@font-face {
    font-family: 'IBM Plex Mono';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url('files/ibm-plex-mono-700.woff2') format('woff2');
}

@font-face {
    font-family: 'IBM Plex Sans';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('files/ibm-plex-sans-400.woff2') format('woff2');
}

@font-face {
    font-family: 'IBM Plex Sans';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url('files/ibm-plex-sans-700.woff2') format('woff2');
}

@font-face {
    font-family: 'IBM Plex Serif';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('files/ibm-plex-serif-400.woff2') format('woff2');
}

@font-face {
    font-family: 'IBM Plex Serif';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url('files/ibm-plex-serif-700.woff2') format('woff2');
}

@font-face {
    font-family: 'Inconsolata';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('files/inconsolata-400.woff2') format('woff2');
}

@font-face {
    font-family: 'Inconsolata';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url('files/inconsolata-700.woff2') format('woff2');
}

@font-face {
    font-family: 'Indie Flower';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('files/indie-flower-400.woff2') format('woff2');
}

@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('files/inter-400.woff2') format('woff2');
}

@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url('files/inter-700.woff2') format('woff2');
}

@font-face {
    font-family: 'JetBrains Mono';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('files/jetbrains-mono-400.woff2') format('woff2');
}

@font-face {
    font-family: 'JetBrains Mono';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url('files/jetbrains-mono-700.woff2') format('woff2');
}

@font-face {
    font-family: 'Josefin Sans';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('files/josefin-sans-400.woff2') format('woff2');
}

@font-face {
    font-family: 'Josefin Sans';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url('files/josefin-sans-700.woff2') format('woff2');
}

@font-face {
    font-family: 'Jost';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('files/jost-400.woff2') format('woff2');
}

@font-face {
    font-family: 'Jost';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url('files/jost-700.woff2') format('woff2');
}

@font-face {
    font-family: 'Julius Sans One';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('files/julius-sans-one-400.woff2') format('woff2');
}

@font-face {
    font-family: 'Kalam';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('files/kalam-400.woff2') format('woff2');
}

@font-face {
    font-family: 'Kalam';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url('files/kalam-700.woff2') format('woff2');
}

@font-face {
    font-family: 'Kanit';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('files/kanit-400.woff2') format('woff2');
}

@font-face {
    font-family: 'Kanit';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url('files/kanit-700.woff2') format('woff2');
}

@font-face {
    font-family: 'Karla';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('files/karla-400.woff2') format('woff2');
}

@font-face {
    font-family: 'Karla';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url('files/karla-700.woff2') format('woff2');
}

@font-face {
    font-family: 'Kaushan Script';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('files/kaushan-script-400.woff2') format('woff2');
}

@font-face {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('files/lato-400.woff2') format('woff2');
}

@font-face {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url('files/lato-700.woff2') format('woff2');
}

@font-face {
    font-family: 'Leckerli One';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('files/leckerli-one-400.woff2') format('woff2');
}

@font-face {
    font-family: 'Lexend';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('files/lexend-400.woff2') format('woff2');
}

@font-face {
    font-family: 'Lexend';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url('files/lexend-700.woff2') format('woff2');
}

@font-face {
    font-family: 'Libre Baskerville';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('files/libre-baskerville-400.woff2') format('woff2');
}

@font-face {
    font-family: 'Libre Baskerville';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url('files/libre-baskerville-700.woff2') format('woff2');
}

@font-face {
    font-family: 'Libre Franklin';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('files/libre-franklin-400.woff2') format('woff2');
}

@font-face {
    font-family: 'Libre Franklin';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url('files/libre-franklin-700.woff2') format('woff2');
}

@font-face {
    font-family: 'Lilita One';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('files/lilita-one-400.woff2') format('woff2');
}

@font-face {
    font-family: 'Lobster';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('files/lobster-400.woff2') format('woff2');
}

@font-face {
    font-family: 'Lobster Two';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('files/lobster-two-400.woff2') format('woff2');
}

@font-face {
    font-family: 'Lobster Two';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url('files/lobster-two-700.woff2') format('woff2');
}

@font-face {
    font-family: 'Lora';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('files/lora-400.woff2') format('woff2');
}

@font-face {
    font-family: 'Lora';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url('files/lora-700.woff2') format('woff2');
}

@font-face {
    font-family: 'Luckiest Guy';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('files/luckiest-guy-400.woff2') format('woff2');
}

@font-face {
    font-family: 'Manrope';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('files/manrope-400.woff2') format('woff2');
}

@font-face {
    font-family: 'Manrope';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url('files/manrope-700.woff2') format('woff2');
}

@font-face {
    font-family: 'Marcellus';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('files/marcellus-400.woff2') format('woff2');
}

@font-face {
    font-family: 'Marck Script';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('files/marck-script-400.woff2') format('woff2');
}

@font-face {
    font-family: 'Maven Pro';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('files/maven-pro-400.woff2') format('woff2');
}

@font-face {
    font-family: 'Maven Pro';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url('files/maven-pro-700.woff2') format('woff2');
}

@font-face {
    font-family: 'Merriweather';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('files/merriweather-400.woff2') format('woff2');
}

@font-face {
    font-family: 'Merriweather';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url('files/merriweather-700.woff2') format('woff2');
}

@font-face {
    font-family: 'Merriweather Sans';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('files/merriweather-sans-400.woff2') format('woff2');
}

@font-face {
    font-family: 'Merriweather Sans';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url('files/merriweather-sans-700.woff2') format('woff2');
}

@font-face {
    font-family: 'Michroma';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('files/michroma-400.woff2') format('woff2');
}

@font-face {
    font-family: 'Monoton';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('files/monoton-400.woff2') format('woff2');
}

@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('files/montserrat-400.woff2') format('woff2');
}

@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url('files/montserrat-700.woff2') format('woff2');
}

@font-face {
    font-family: 'Mr Dafoe';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('files/mr-dafoe-400.woff2') format('woff2');
}

@font-face {
    font-family: 'Mulish';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('files/mulish-400.woff2') format('woff2');
}

@font-face {
    font-family: 'Mulish';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url('files/mulish-700.woff2') format('woff2');
}

@font-face {
    font-family: 'Norican';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('files/norican-400.woff2') format('woff2');
}

@font-face {
    font-family: 'Nosifer';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('files/nosifer-400.woff2') format('woff2');
}

@font-face {
    font-family: 'Noto Sans';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('files/noto-sans-400.woff2') format('woff2');
}

@font-face {
    font-family: 'Noto Sans';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url('files/noto-sans-700.woff2') format('woff2');
}

@font-face {
    font-family: 'Noto Serif';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('files/noto-serif-400.woff2') format('woff2');
}

@font-face {
    font-family: 'Noto Serif';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url('files/noto-serif-700.woff2') format('woff2');
}

@font-face {
    font-family: 'Nunito';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('files/nunito-400.woff2') format('woff2');
}

@font-face {
    font-family: 'Nunito';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url('files/nunito-700.woff2') format('woff2');
}

@font-face {
    font-family: 'Nunito Sans';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('files/nunito-sans-400.woff2') format('woff2');
}

@font-face {
    font-family: 'Nunito Sans';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url('files/nunito-sans-700.woff2') format('woff2');
}

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('files/open-sans-400.woff2') format('woff2');
}

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url('files/open-sans-700.woff2') format('woff2');
}

@font-face {
    font-family: 'Orbitron';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('files/orbitron-400.woff2') format('woff2');
}

@font-face {
    font-family: 'Orbitron';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url('files/orbitron-700.woff2') format('woff2');
}

@font-face {
    font-family: 'Oswald';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('files/oswald-400.woff2') format('woff2');
}

@font-face {
    font-family: 'Oswald';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url('files/oswald-700.woff2') format('woff2');
}

@font-face {
    font-family: 'Outfit';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('files/outfit-400.woff2') format('woff2');
}

@font-face {
    font-family: 'Outfit';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url('files/outfit-700.woff2') format('woff2');
}

@font-face {
    font-family: 'Overpass';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('files/overpass-400.woff2') format('woff2');
}

@font-face {
    font-family: 'Overpass';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url('files/overpass-700.woff2') format('woff2');
}

@font-face {
    font-family: 'Overpass Mono';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('files/overpass-mono-400.woff2') format('woff2');
}

@font-face {
    font-family: 'Overpass Mono';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url('files/overpass-mono-700.woff2') format('woff2');
}

@font-face {
    font-family: 'Oxanium';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('files/oxanium-400.woff2') format('woff2');
}

@font-face {
    font-family: 'Oxanium';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url('files/oxanium-700.woff2') format('woff2');
}

@font-face {
    font-family: 'Oxygen';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('files/oxygen-400.woff2') format('woff2');
}

@font-face {
    font-family: 'Oxygen';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url('files/oxygen-700.woff2') format('woff2');
}

@font-face {
    font-family: 'Pacifico';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('files/pacifico-400.woff2') format('woff2');
}

@font-face {
    font-family: 'Parisienne';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('files/parisienne-400.woff2') format('woff2');
}

@font-face {
    font-family: 'Passion One';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('files/passion-one-400.woff2') format('woff2');
}

@font-face {
    font-family: 'Passion One';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url('files/passion-one-700.woff2') format('woff2');
}

@font-face {
    font-family: 'Patrick Hand';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('files/patrick-hand-400.woff2') format('woff2');
}

@font-face {
    font-family: 'Permanent Marker';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('files/permanent-marker-400.woff2') format('woff2');
}

@font-face {
    font-family: 'Pinyon Script';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('files/pinyon-script-400.woff2') format('woff2');
}

@font-face {
    font-family: 'Pixelify Sans';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('files/pixelify-sans-400.woff2') format('woff2');
}

@font-face {
    font-family: 'Pixelify Sans';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url('files/pixelify-sans-700.woff2') format('woff2');
}

@font-face {
    font-family: 'Playfair Display';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('files/playfair-display-400.woff2') format('woff2');
}

@font-face {
    font-family: 'Playfair Display';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url('files/playfair-display-700.woff2') format('woff2');
}

@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('files/poppins-400.woff2') format('woff2');
}

@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url('files/poppins-700.woff2') format('woff2');
}

@font-face {
    font-family: 'Prata';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('files/prata-400.woff2') format('woff2');
}

@font-face {
    font-family: 'Press Start 2P';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('files/press-start-2p-400.woff2') format('woff2');
}

@font-face {
    font-family: 'Prompt';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('files/prompt-400.woff2') format('woff2');
}

@font-face {
    font-family: 'Prompt';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url('files/prompt-700.woff2') format('woff2');
}

@font-face {
    font-family: 'PT Sans';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('files/pt-sans-400.woff2') format('woff2');
}

@font-face {
    font-family: 'PT Sans';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url('files/pt-sans-700.woff2') format('woff2');
}

@font-face {
    font-family: 'PT Serif';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('files/pt-serif-400.woff2') format('woff2');
}

@font-face {
    font-family: 'PT Serif';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url('files/pt-serif-700.woff2') format('woff2');
}

@font-face {
    font-family: 'Public Sans';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('files/public-sans-400.woff2') format('woff2');
}

@font-face {
    font-family: 'Public Sans';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url('files/public-sans-700.woff2') format('woff2');
}

@font-face {
    font-family: 'Quantico';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('files/quantico-400.woff2') format('woff2');
}

@font-face {
    font-family: 'Quantico';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url('files/quantico-700.woff2') format('woff2');
}

@font-face {
    font-family: 'Questrial';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('files/questrial-400.woff2') format('woff2');
}

@font-face {
    font-family: 'Quicksand';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('files/quicksand-400.woff2') format('woff2');
}

@font-face {
    font-family: 'Quicksand';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url('files/quicksand-700.woff2') format('woff2');
}

@font-face {
    font-family: 'Rajdhani';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('files/rajdhani-400.woff2') format('woff2');
}

@font-face {
    font-family: 'Rajdhani';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url('files/rajdhani-700.woff2') format('woff2');
}

@font-face {
    font-family: 'Raleway';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('files/raleway-400.woff2') format('woff2');
}

@font-face {
    font-family: 'Raleway';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url('files/raleway-700.woff2') format('woff2');
}

@font-face {
    font-family: 'Ranchers';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('files/ranchers-400.woff2') format('woff2');
}

@font-face {
    font-family: 'Red Hat Display';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('files/red-hat-display-400.woff2') format('woff2');
}

@font-face {
    font-family: 'Red Hat Display';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url('files/red-hat-display-700.woff2') format('woff2');
}

@font-face {
    font-family: 'Righteous';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('files/righteous-400.woff2') format('woff2');
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('files/roboto-400.woff2') format('woff2');
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url('files/roboto-700.woff2') format('woff2');
}

@font-face {
    font-family: 'Roboto Condensed';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('files/roboto-condensed-400.woff2') format('woff2');
}

@font-face {
    font-family: 'Roboto Condensed';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url('files/roboto-condensed-700.woff2') format('woff2');
}

@font-face {
    font-family: 'Roboto Mono';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('files/roboto-mono-400.woff2') format('woff2');
}

@font-face {
    font-family: 'Roboto Mono';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url('files/roboto-mono-700.woff2') format('woff2');
}

@font-face {
    font-family: 'Roboto Slab';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('files/roboto-slab-400.woff2') format('woff2');
}

@font-face {
    font-family: 'Roboto Slab';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url('files/roboto-slab-700.woff2') format('woff2');
}

@font-face {
    font-family: 'Rock Salt';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('files/rock-salt-400.woff2') format('woff2');
}

@font-face {
    font-family: 'Rowdies';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('files/rowdies-400.woff2') format('woff2');
}

@font-face {
    font-family: 'Rowdies';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url('files/rowdies-700.woff2') format('woff2');
}

@font-face {
    font-family: 'Rubik';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('files/rubik-400.woff2') format('woff2');
}

@font-face {
    font-family: 'Rubik';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url('files/rubik-700.woff2') format('woff2');
}

@font-face {
    font-family: 'Rubik Mono One';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('files/rubik-mono-one-400.woff2') format('woff2');
}

@font-face {
    font-family: 'Russo One';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('files/russo-one-400.woff2') format('woff2');
}

@font-face {
    font-family: 'Rye';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('files/rye-400.woff2') format('woff2');
}

@font-face {
    font-family: 'Sacramento';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('files/sacramento-400.woff2') format('woff2');
}

@font-face {
    font-family: 'Saira';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('files/saira-400.woff2') format('woff2');
}

@font-face {
    font-family: 'Saira';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url('files/saira-700.woff2') format('woff2');
}

@font-face {
    font-family: 'Saira Condensed';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('files/saira-condensed-400.woff2') format('woff2');
}

@font-face {
    font-family: 'Saira Condensed';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url('files/saira-condensed-700.woff2') format('woff2');
}

@font-face {
    font-family: 'Satisfy';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('files/satisfy-400.woff2') format('woff2');
}

@font-face {
    font-family: 'Secular One';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('files/secular-one-400.woff2') format('woff2');
}

@font-face {
    font-family: 'Shadows Into Light';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('files/shadows-into-light-400.woff2') format('woff2');
}

@font-face {
    font-family: 'Share Tech Mono';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('files/share-tech-mono-400.woff2') format('woff2');
}

@font-face {
    font-family: 'Shrikhand';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('files/shrikhand-400.woff2') format('woff2');
}

@font-face {
    font-family: 'Sigmar One';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('files/sigmar-one-400.woff2') format('woff2');
}

@font-face {
    font-family: 'Signika';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('files/signika-400.woff2') format('woff2');
}

@font-face {
    font-family: 'Signika';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url('files/signika-700.woff2') format('woff2');
}

@font-face {
    font-family: 'Silkscreen';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('files/silkscreen-400.woff2') format('woff2');
}

@font-face {
    font-family: 'Silkscreen';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url('files/silkscreen-700.woff2') format('woff2');
}

@font-face {
    font-family: 'Sora';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('files/sora-400.woff2') format('woff2');
}

@font-face {
    font-family: 'Sora';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url('files/sora-700.woff2') format('woff2');
}

@font-face {
    font-family: 'Source Code Pro';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('files/source-code-pro-400.woff2') format('woff2');
}

@font-face {
    font-family: 'Source Code Pro';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url('files/source-code-pro-700.woff2') format('woff2');
}

@font-face {
    font-family: 'Space Grotesk';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('files/space-grotesk-400.woff2') format('woff2');
}

@font-face {
    font-family: 'Space Grotesk';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url('files/space-grotesk-700.woff2') format('woff2');
}

@font-face {
    font-family: 'Space Mono';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('files/space-mono-400.woff2') format('woff2');
}

@font-face {
    font-family: 'Space Mono';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url('files/space-mono-700.woff2') format('woff2');
}

@font-face {
    font-family: 'Special Elite';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('files/special-elite-400.woff2') format('woff2');
}

@font-face {
    font-family: 'Spectral';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('files/spectral-400.woff2') format('woff2');
}

@font-face {
    font-family: 'Spectral';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url('files/spectral-700.woff2') format('woff2');
}

@font-face {
    font-family: 'Staatliches';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('files/staatliches-400.woff2') format('woff2');
}

@font-face {
    font-family: 'Suez One';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('files/suez-one-400.woff2') format('woff2');
}

@font-face {
    font-family: 'Syncopate';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('files/syncopate-400.woff2') format('woff2');
}

@font-face {
    font-family: 'Syncopate';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url('files/syncopate-700.woff2') format('woff2');
}

@font-face {
    font-family: 'Syne';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('files/syne-400.woff2') format('woff2');
}

@font-face {
    font-family: 'Syne';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url('files/syne-700.woff2') format('woff2');
}

@font-face {
    font-family: 'Tangerine';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('files/tangerine-400.woff2') format('woff2');
}

@font-face {
    font-family: 'Tangerine';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url('files/tangerine-700.woff2') format('woff2');
}

@font-face {
    font-family: 'Teko';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('files/teko-400.woff2') format('woff2');
}

@font-face {
    font-family: 'Teko';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url('files/teko-700.woff2') format('woff2');
}

@font-face {
    font-family: 'Titan One';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('files/titan-one-400.woff2') format('woff2');
}

@font-face {
    font-family: 'Titillium Web';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('files/titillium-web-400.woff2') format('woff2');
}

@font-face {
    font-family: 'Titillium Web';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url('files/titillium-web-700.woff2') format('woff2');
}

@font-face {
    font-family: 'Ultra';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('files/ultra-400.woff2') format('woff2');
}

@font-face {
    font-family: 'Unbounded';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('files/unbounded-400.woff2') format('woff2');
}

@font-face {
    font-family: 'Unbounded';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url('files/unbounded-700.woff2') format('woff2');
}

@font-face {
    font-family: 'Urbanist';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('files/urbanist-400.woff2') format('woff2');
}

@font-face {
    font-family: 'Urbanist';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url('files/urbanist-700.woff2') format('woff2');
}

@font-face {
    font-family: 'Varela Round';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('files/varela-round-400.woff2') format('woff2');
}

@font-face {
    font-family: 'Vollkorn';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('files/vollkorn-400.woff2') format('woff2');
}

@font-face {
    font-family: 'Vollkorn';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url('files/vollkorn-700.woff2') format('woff2');
}

@font-face {
    font-family: 'VT323';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('files/vt323-400.woff2') format('woff2');
}

@font-face {
    font-family: 'Wallpoet';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('files/wallpoet-400.woff2') format('woff2');
}

@font-face {
    font-family: 'Work Sans';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('files/work-sans-400.woff2') format('woff2');
}

@font-face {
    font-family: 'Work Sans';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url('files/work-sans-700.woff2') format('woff2');
}

@font-face {
    font-family: 'Yanone Kaffeesatz';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('files/yanone-kaffeesatz-400.woff2') format('woff2');
}

@font-face {
    font-family: 'Yanone Kaffeesatz';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url('files/yanone-kaffeesatz-700.woff2') format('woff2');
}

@font-face {
    font-family: 'Yellowtail';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('files/yellowtail-400.woff2') format('woff2');
}

@font-face {
    font-family: 'Zen Dots';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('files/zen-dots-400.woff2') format('woff2');
}

@font-face {
    font-family: 'Zilla Slab';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('files/zilla-slab-400.woff2') format('woff2');
}

@font-face {
    font-family: 'Zilla Slab';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url('files/zilla-slab-700.woff2') format('woff2');
}