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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@font-face {
  font-display: swap;
  font-family: 'Ubuntu';
  font-style: normal;
  font-weight: 400;
  src: url('./fonts/ubuntu-1.woff2') format('woff2');
}

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

@font-face {
  font-display: swap;
  font-family: 'Ubuntu';
  font-style: normal;
  font-weight: 400;
  src: url('./fonts/ubuntu-3.woff2') format('woff2');
}

@font-face {
  font-display: swap;
  font-family: 'Ubuntu';
  font-style: normal;
  font-weight: 400;
  src: url('./fonts/ubuntu-4.woff2') format('woff2');
}

@font-face {
  font-display: swap;
  font-family: 'Ubuntu';
  font-style: normal;
  font-weight: 400;
  src: url('./fonts/ubuntu-5.woff2') format('woff2');
}

@font-face {
  font-display: swap;
  font-family: 'Ubuntu';
  font-style: normal;
  font-weight: 400;
  src: url('./fonts/ubuntu-6.woff2') format('woff2');
}

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

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

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

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

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

@font-face {
  font-display: swap;
  font-family: 'Smooch';
  font-style: normal;
  font-weight: 400;
  src: url('./fonts/smooch-1.woff2') format('woff2');
}

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

@font-face {
  font-display: swap;
  font-family: 'Smooch';
  font-style: normal;
  font-weight: 400;
  src: url('./fonts/smooch-3.woff2') format('woff2');
}

@font-face {
  font-display: swap;
  font-family: 'Cagliostro';
  font-style: normal;
  font-weight: 400;
  src: url('./fonts/cagliostro-1.woff2') format('woff2');
}

@font-face {
  font-display: swap;
  font-family: 'Mrs Sheppards';
  font-style: normal;
  font-weight: 400;
  src: url('./fonts/mrs-sheppards-1.woff2') format('woff2');
}

@font-face {
  font-display: swap;
  font-family: 'Mrs Sheppards';
  font-style: normal;
  font-weight: 400;
  src: url('./fonts/mrs-sheppards-2.woff2') format('woff2');
}

@font-face {
  font-display: swap;
  font-family: 'Gochi Hand';
  font-style: normal;
  font-weight: 400;
  src: url('./fonts/gochi-hand-1.woff2') format('woff2');
}

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

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

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

@font-face {
  font-display: swap;
  font-family: 'Pangolin';
  font-style: normal;
  font-weight: 400;
  src: url('./fonts/pangolin-1.woff2') format('woff2');
}

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

@font-face {
  font-display: swap;
  font-family: 'Pangolin';
  font-style: normal;
  font-weight: 400;
  src: url('./fonts/pangolin-3.woff2') format('woff2');
}

@font-face {
  font-display: swap;
  font-family: 'Pangolin';
  font-style: normal;
  font-weight: 400;
  src: url('./fonts/pangolin-4.woff2') format('woff2');
}

@font-face {
  font-display: swap;
  font-family: 'Pangolin';
  font-style: normal;
  font-weight: 400;
  src: url('./fonts/pangolin-5.woff2') format('woff2');
}

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

@font-face {
  font-display: swap;
  font-family: 'Reenie Beanie';
  font-style: normal;
  font-weight: 400;
  src: url('./fonts/reenie-beanie-1.woff2') format('woff2');
}

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

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

@font-face {
  font-display: swap;
  font-family: 'Covered By Your Grace';
  font-style: normal;
  font-weight: 400;
  src: url('./fonts/covered-by-your-grace-1.woff2') format('woff2');
}

@font-face {
  font-display: swap;
  font-family: 'Covered By Your Grace';
  font-style: normal;
  font-weight: 400;
  src: url('./fonts/covered-by-your-grace-2.woff2') format('woff2');
}

@font-face {
  font-display: swap;
  font-family: 'Nerko One';
  font-style: normal;
  font-weight: 400;
  src: url('./fonts/nerko-one-1.woff2') format('woff2');
}

@font-face {
  font-display: swap;
  font-family: 'Nerko One';
  font-style: normal;
  font-weight: 400;
  src: url('./fonts/nerko-one-2.woff2') format('woff2');
}

@font-face {
  font-display: swap;
  font-family: 'Rancho';
  font-style: normal;
  font-weight: 400;
  src: url('./fonts/rancho-1.woff2') format('woff2');
}

@font-face {
  font-display: swap;
  font-family: 'Shantell Sans';
  font-style: normal;
  font-weight: 400;
  src: url('./fonts/shantell-sans-1.woff2') format('woff2');
}

@font-face {
  font-display: swap;
  font-family: 'Shantell Sans';
  font-style: normal;
  font-weight: 400;
  src: url('./fonts/shantell-sans-2.woff2') format('woff2');
}

@font-face {
  font-display: swap;
  font-family: 'Shantell Sans';
  font-style: normal;
  font-weight: 400;
  src: url('./fonts/shantell-sans-3.woff2') format('woff2');
}

@font-face {
  font-display: swap;
  font-family: 'Shantell Sans';
  font-style: normal;
  font-weight: 400;
  src: url('./fonts/shantell-sans-4.woff2') format('woff2');
}

@font-face {
  font-display: swap;
  font-family: 'Shantell Sans';
  font-style: normal;
  font-weight: 400;
  src: url('./fonts/shantell-sans-5.woff2') format('woff2');
}

@font-face {
  font-display: swap;
  font-family: 'Mansalva';
  font-style: normal;
  font-weight: 400;
  src: url('./fonts/mansalva-1.woff2') format('woff2');
}

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

@font-face {
  font-display: swap;
  font-family: 'Mansalva';
  font-style: normal;
  font-weight: 400;
  src: url('./fonts/mansalva-3.woff2') format('woff2');
}

@font-face {
  font-display: swap;
  font-family: 'Mansalva';
  font-style: normal;
  font-weight: 400;
  src: url('./fonts/mansalva-4.woff2') format('woff2');
}

@font-face {
  font-display: swap;
  font-family: 'Delius Unicase';
  font-style: normal;
  font-weight: 400;
  src: url('./fonts/delius-unicase-1.woff2') format('woff2');
}

@font-face {
  font-display: swap;
  font-family: 'Sedgwick Ave';
  font-style: normal;
  font-weight: 400;
  src: url('./fonts/sedgwick-ave-1.woff2') format('woff2');
}

@font-face {
  font-display: swap;
  font-family: 'Sedgwick Ave';
  font-style: normal;
  font-weight: 400;
  src: url('./fonts/sedgwick-ave-2.woff2') format('woff2');
}

@font-face {
  font-display: swap;
  font-family: 'Sedgwick Ave';
  font-style: normal;
  font-weight: 400;
  src: url('./fonts/sedgwick-ave-3.woff2') format('woff2');
}

@font-face {
  font-display: swap;
  font-family: 'Gluten';
  font-style: normal;
  font-weight: 400;
  src: url('./fonts/gluten-1.woff2') format('woff2');
}

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

@font-face {
  font-display: swap;
  font-family: 'Gluten';
  font-style: normal;
  font-weight: 400;
  src: url('./fonts/gluten-3.woff2') format('woff2');
}

@font-face {
  font-display: swap;
  font-family: 'Kranky';
  font-style: normal;
  font-weight: 400;
  src: url('./fonts/kranky-1.woff2') format('woff2');
}

@font-face {
  font-display: swap;
  font-family: 'Walter Turncoat';
  font-style: normal;
  font-weight: 400;
  src: url('./fonts/walter-turncoat-1.woff2') format('woff2');
}

@font-face {
  font-display: swap;
  font-family: 'Fredericka the Great';
  font-style: normal;
  font-weight: 400;
  src: url('./fonts/fredericka-the-great-1.woff2') format('woff2');
}

@font-face {
  font-display: swap;
  font-family: 'Fredericka the Great';
  font-style: normal;
  font-weight: 400;
  src: url('./fonts/fredericka-the-great-2.woff2') format('woff2');
}

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