/*========*/
  /*= Abel =*/
  /*========*/

  @font-face {
       font-family: 'abel';
       src: url('./fonts/abel/abel.woff2') format('woff2'),
            url('./fonts/abel/abel.woff') format('woff');
       font-weight: normal;
       font-style: normal;
  }

  .font-abel {
       font-family: 'abel';
  }

  /*========*/
  /*= Acme =*/
  /*========*/

  @font-face {
       font-family: 'acme';
       src: url('./fonts/acme/acme.woff2') format('woff2'),
            url('./fonts/acme/acme.woff') format('woff');
       font-weight: normal;
       font-style: normal;
  }

  .font-acme {
       font-family: 'acme';
  }

  /*===================*/
  /*= Aguafina script =*/
  /*===================*/

  @font-face {
       font-family: 'aguafina-script';
       src: url('./fonts/aguafina-script/aguafina-script.woff2') format('woff2'),
            url('./fonts/aguafina-script/aguafina-script.woff') format('woff');
       font-weight: normal;
       font-style: normal;
  }

  .font-aguafina-script {
       font-family: 'aguafina-script';
  }

  /*=========*/
  /*= Alata =*/
  /*=========*/

  @font-face {
       font-family: 'alata';
       src: url('./fonts/alata/alata.woff2') format('woff2'),
            url('./fonts/alata/alata.woff') format('woff');
       font-weight: normal;
       font-style: normal;
  }

  .font-alata {
       font-family: 'alata';
  }

  /*==============*/
  /*= Alex brush =*/
  /*==============*/

  @font-face {
       font-family: 'alex-brush';
       src: url('./fonts/alex-brush/alex-brush.woff2') format('woff2'),
            url('./fonts/alex-brush/alex-brush.woff') format('woff');
       font-weight: normal;
       font-style: normal;
  }

  .font-alex-brush {
       font-family: 'alex-brush';
  }

  /*=================*/
  /*= Amaranth bold =*/
  /*=================*/

  @font-face {
       font-family: 'amaranth-bold';
       src: url('./fonts/amaranth-bold/amaranth-bold.woff2') format('woff2'),
            url('./fonts/amaranth-bold/amaranth-bold.woff') format('woff');
       font-weight: normal;
       font-style: normal;
  }

  .font-amaranth-bold {
       font-family: 'amaranth-bold';
  }

  /*==============*/
  /*= Amita bold =*/
  /*==============*/

  @font-face {
       font-family: 'amita-bold';
       src: url('./fonts/amita-bold/amita-bold.woff2') format('woff2'),
            url('./fonts/amita-bold/amita-bold.woff') format('woff');
       font-weight: normal;
       font-style: normal;
  }

  .font-amita-bold {
       font-family: 'amita-bold';
  }

  /*=================*/
  /*= Amita regular =*/
  /*=================*/

  @font-face {
       font-family: 'amita-regular';
       src: url('./fonts/amita-regular/amita-regular.woff2') format('woff2'),
            url('./fonts/amita-regular/amita-regular.woff') format('woff');
       font-weight: normal;
       font-style: normal;
  }

  .font-amita-regular {
       font-family: 'amita-regular';
  }

  /*=============*/
  /*= Anacondas =*/
  /*=============*/

  @font-face {
       font-family: 'anacondas';
       src: url('./fonts/anacondas/anacondas.woff2') format('woff2'),
            url('./fonts/anacondas/anacondas.woff') format('woff');
       font-weight: normal;
       font-style: normal;
  }

  .font-anacondas {
       font-family: 'anacondas';
  }

  /*================*/
  /*= Antonio Bold =*/
  /*================*/

  @font-face {
       font-family: 'antonio-bold';
       src: url('./fonts/antonio-bold/antonio-bold.woff2') format('woff2'),
            url('./fonts/antonio-bold/antonio-bold.woff') format('woff');
       font-weight: normal;
       font-style: normal;
  }

  .font-antonio-bold {
       font-family: 'antonio-bold';
  }

  /*==============)==*/
  /*= Antonio light =*/
  /*=================*/

  @font-face {
       font-family: 'antonio-light';
       src: url('./fonts/antonio-light/antonio-light.woff2') format('woff2'),
            url('./fonts/antonio-light/antonio-light.woff') format('woff');
       font-weight: normal;
       font-style: normal;
  }

  .font-antonio-light {
       font-family: 'antonio-light';
  }

  /*===================*/
  /*= Antonio regular =*/
  /*===================*/

  @font-face {
       font-family: 'antonio-regular';
       src: url('./fonts/antonio-regular/antonio-regular.woff2') format('woff2'),
            url('./fonts/antonio-regular/antonio-regular.woff') format('woff');
       font-weight: normal;
       font-style: normal;
  }

  .font-antonio-regular {
       font-family: 'antonio-regular';
  }

  /*==================*/
  /*= Arcade Classic =*/
  /*==================*/

  @font-face {
       font-family: 'arcade-classic';
       src: url('./fonts/arcade-classic/arcade-classic.woff2') format('woff2'),
            url('./fonts/arcade-classic/arcade-classic.woff') format('woff');
       font-weight: normal;
       font-style: normal;
  }

  .font-arcade-classic {
       font-family: 'arcade-classic';
  }

  /*=================*/
  /*= Arima madurai =*/
  /*=================*/

  @font-face {
       font-family: 'arima-madurai';
       src: url('./fonts/arima-madurai/arima-madurai.woff2') format('woff2'),
            url('./fonts/arima-madurai/arima-madurai.woff') format('woff');
       font-weight: normal;
       font-style: normal;
  }

  .font-arima-madurai {
       font-family: 'arima-madurai';
  }

  /*============*/
  /*= Arizonia =*/
  /*============*/

  @font-face {
       font-family: 'arizonia';
       src: url('./fonts/arizonia/arizonia.woff2') format('woff2'),
            url('./fonts/arizonia/arizonia.woff') format('woff');
       font-weight: normal;
       font-style: normal;
  }

  .font-arizonia {
       font-family: 'arizonia';
  }

  /*==============*/
  /*= Automotive =*/
  /*==============*/

  @font-face {
       font-family: 'automotive';
       src: url('./fonts/automotive/automotive.woff2') format('woff2'),
            url('./fonts/automotive/automotive.woff') format('woff');
       font-weight: normal;
       font-style: normal;
  }

  .font-automotive {
       font-family: 'automotive';
  }

  /*=====================*/
  /*= Barcelona streets =*/
  /*=====================*/

  @font-face {
       font-family: 'barcelona-streets';
       src: url('./fonts/barcelona-streets/barcelona-streets.woff2') format('woff2'),
            url('./fonts/barcelona-streets/barcelona-streets.woff') format('woff');
       font-weight: normal;
       font-style: normal;
  }

  .font-barcelona-streets {
       font-family: 'barcelona-streets'
  }

  /*============*/
  /*= Bombfont =*/
  /*============*/

  @font-face {
       font-family: 'bombfont';
       src: url('./fonts/bombfont/bombfont.woff2') format('woff2'),
            url('./fonts/bombfont/bombfont.woff') format('woff');
       font-weight: normal;
       font-style: normal;
  }

  .font-bombfont {
       font-family: 'bombfont'
  }

  /*=================*/
  /*= Boulding work =*/
  /*=================*/

  @font-face {
       font-family: 'boulding-work';
       src: url('./fonts/boulding-work/boulding-work.woff') format('woff');
       font-weight: normal;
       font-style: normal;
  }

  .font-boulding-work {
       font-family: 'boulding-work';
  }

  /*===============*/
  /*= Carbon type =*/
  /*===============*/

  @font-face {
       font-family: 'carbontype';
       src: url('./fonts/carbontype/carbontype.woff') format('woff');
       font-weight: normal;
       font-style: normal;
  }

  .font-carbontype {
       font-family: 'carbontype';
  }

  /*===========*/
  /*= Cat paw =*/
  /*===========*/

  @font-face {
       font-family: 'cat-paw';
       src: url('./fonts/cat-paw/cat-paw.woff') format('woff');
       font-weight: normal;
       font-style: normal;
  }

  .font-cat-paw {
       font-family: 'cat-paw';
  }

  /*==========*/
  /*= Circus =*/
  /*==========*/

  @font-face {
       font-family: 'circus';
       src: url('./fonts/circus/circus.woff2') format('woff2'),
            url('./fonts/circus/circus.woff') format('woff');
       font-weight: normal;
       font-style: normal;
  }

  .font-circus {
       font-family: 'circus';
  }

  /*==================*/
  /*= Comfortaa Bold =*/
  /*==================*/

  @font-face {
       font-family: 'comfortaa-bold';
       src: url('./fonts/comfortaa-bold/comfortaa-bold.woff2') format('woff2'),
            url('./fonts/comfortaa-bold/comfortaa-bold.woff') format('woff');
       font-weight: normal;
       font-style: normal;
  }

  .font-comfortaa-bold {
       font-family: 'comfortaa-bold';
  }

  /*=====================*/
  /*= Comfortaa Regular =*/
  /*=====================*/

  @font-face {
       font-family: 'comfortaa-regular';
       src: url('./fonts/comfortaa-regular/comfortaa-regular.woff2') format('woff2'),
            url('./fonts/comfortaa-regular/comfortaa-regular.woff') format('woff');
       font-weight: normal;
       font-style: normal;
  }

  .font-comfortaa-regular {
       font-family: 'comfortaa-regular';
  }

  /*======================*/
  /*= Caviar Dreams Bold =*/
  /*======================*/

  @font-face {
       font-family: 'caviar-dreams-bold';
       src: url('./fonts/caviar-dreams-bold/caviar-dreams-bold.woff2') format('woff2'),
            url('./fonts/caviar-dreams-bold/caviar-dreams-bold.woff') format('woff');
       font-weight: normal;
       font-style: normal;
  }

  .font-caviar-dreams-bold {
       font-family: 'caviar-dreams-bold';
  }

  /*============================*/
  /*= Caviar Dreams Bold Italic=*/
  /*============================*/

  @font-face {
       font-family: 'caviar-dreams-bold-italic';
       src: url('./fonts/caviar-dreams-bold-italic/caviar-dreams-bold-italic.woff2') format('woff2'),
            url('./fonts/caviar-dreams-bold-italic/caviar-dreams-bold-italic.woff') format('woff');
       font-weight: normal;
       font-style: normal;
  }

  .font-caviar-dreams-bold-italic {
       font-family: 'caviar-dreams-bold-italic';
  }

  /*========================*/
  /*= Caviar Dreams Italic =*/
  /*========================*/

  @font-face {
       font-family: 'caviar-dreams-italic';
       src: url('./fonts/caviar-dreams-italic/caviar-dreams-italic.woff2') format('woff2'),
            url('./fonts/caviar-dreams-italic/caviar-dreams-italic.woff') format('woff');
       font-weight: normal;
       font-style: normal;
  }

  .font-caviar-dreams-italic {
       font-family: 'caviar-dreams-italic';
  }

  /*========================*/
  /*= Caviar Dreams Regular=*/
  /*========================*/

  @font-face {
       font-family: 'caviar-dreams-regular';
       src: url('./fonts/caviar-dreams-regular/caviar-dreams-regular.woff2') format('woff2'),
            url('./fonts/caviar-dreams-regular/caviar-dreams-regular.woff') format('woff');
       font-weight: normal;
       font-style: normal;
  }

  .font-caviar-dreams-regular {
       font-family: 'caviar-dreams-regular';
  }

  /*==========*/
  /*= Cookie =*/
  /*==========*/

  @font-face {
       font-family: 'cookie';
       src: url('./fonts/cookie/cookie.woff2') format('woff2'),
            url('./fonts/cookie/cookie.woff') format('woff');
       font-weight: normal;
       font-style: normal;
  }

  .font-cookie {
       font-family: 'cookie';
  }

  /*===============*/
  /*= De Valencia =*/
  /*===============*/

  @font-face {
       font-family: 'de-valencia';
       src: url('./fonts/de-valencia/de-valencia.woff2') format('woff2'),
            url('./fonts/de-valencia/de-valencia.woff') format('woff');
       font-weight: normal;
       font-style: normal
  }

  .font-de-valencia {
       font-family: 'de-valencia';
  }

  /*==========*/
  /*= Densia =*/
  /*==========*/

  @font-face {
       font-family: 'densia';
       src: url('./fonts/densia/densia.woff2') format('woff2'),
            url('./fonts/densia/densia.woff') format('woff');
       font-weight: normal;
       font-style: normal;
  }

  .font-densia {
       font-family: 'densia';
  }

  /*==================*/
  /*= Distant Galaxy =*/
  /*==================*/

  @font-face {
       font-family: 'distant-galaxy';
       src: url('./fonts/distant-galaxy/distant-galaxy.woff2') format('woff2'),
            url('./fonts/distant-galaxy/distant-galaxy.woff') format('woff');
       font-weight: normal;
       font-style: normal;
  }

  .font-distant-galaxy {
       font-family: 'distant-galaxy';
  }

  /*==========*/
  /*= Emblem =*/
  /*==========*/

  @font-face {
       font-family: 'emblem';
       src: url('./fonts/emblem/emblem.woff2') format('woff2'),
            url('./fonts/emblem/emblem.woff') format('woff');
       font-weight: normal;
       font-style: normal;
  }

  .font-emblem {
       font-family: 'emblem';
  }

  /*===============*/
  /*= Fat wandals =*/
  /*===============*/

  @font-face {
       font-family: 'fatwandals';
       src: url('./fonts/fatwandals/fatwandals.woff2') format('woff2'),
            url('./fonts/fatwandals/fatwandals.woff') format('woff');
       font-weight: normal;
       font-style: normal;
  }

  .font-fatwandals {
       font-family: 'fatwandals';
  }

  /*==============*/
  /*= GreatLakes =*/
  /*==============*/

  @font-face {
       font-family: 'greatlakes';
       src: url('./fonts/greatlakes/greatlakes.woff2') format('woff2'),
            url('./fonts/greatlakes/greatlakes.woff') format('woff');
       font-weight: normal;
       font-style: normal;
  }

  .font-greatlakes {
       font-family: 'greatlakes';
  }

  /*====================*/
  /*= haettenschweiler =*/
  /*====================*/

  @font-face {
       font-family: 'haettenschweiler';
       src: url('./fonts/haettenschweiler/haettenschweiler.woff2') format('woff2'),
            url('./fonts/haettenschweiler/haettenschweiler.woff') format('woff');
       font-weight: normal;
       font-style: normal;
  }

  .font-haettenschweiler {
       font-family: 'haettenschweiler';
  }

  /*===========================*/
  /*= kingthings-calligraphica =*/
  /*===========================*/

  @font-face {
       font-family: 'kingthings-calligraphica';
       src: url('./fonts/kingthings-calligraphica/kingthings-calligraphica.woff2') format('woff2'),
            url('./fonts/kingthings-calligraphica/kingthings-calligraphica.woff') format('woff');
       font-weight: 400;
       font-style: normal;
       font-stretch: normal;
       unicode-range: U+0020-2248;
  }

  .font-kingthings-calligraphica {
       font-family: 'kingthings-calligraphica';
  }

  /*==================================*/
  /*= kingthings-calligraphica-italic =*/
  /*==================================*/

  @font-face {
       font-family: 'kingthings-calligraphica-italic';
       src: url('./fonts/kingthings-calligraphica-italic/kingthings-calligraphica-italic.woff2') format('woff2'),
            url('./fonts/kingthings-calligraphica-italic/kingthings-calligraphica-italic.woff') format('woff');
       font-weight: 400;
       font-style: normal;
       font-stretch: normal;
       unicode-range: U+0020-2248;
  }

  .font-kingthings-calligraphica-italic {
       font-family: 'kingthings-calligraphica-italic';
  }

  /*=================================*/
  /*= kingthings-calligraphica-light =*/
  /*=================================*/

  @font-face {
       font-family: 'kingthings-calligraphica-light';
       src: url('./fonts/kingthings-calligraphica-light/kingthings-calligraphica-light.woff2') format('woff2'),
            url('./fonts/kingthings-calligraphica-light/kingthings-calligraphica-light.woff') format('woff');
       font-weight: 400;
       font-style: normal;
       font-stretch: normal;
       unicode-range: U+0020-2248;
  }

  .font-kingthings-calligraphica-light {
       font-family: 'kingthings-calligraphica-light';
  }

  /*=====================*/
  /*= kingthings-exeter =*/
  /*=====================*/

  @font-face {
       font-family: 'kingthings-exeter';
       src: url('./fonts/kingthings-exeter/kingthings-exeter.woff2') format('woff2'),
            url('./fonts/kingthings-exeter/kingthings-exeter.woff') format('woff');
       font-weight: 400;
       font-style: normal;
       font-stretch: normal;
       unicode-range: U+0020-2248;
  }

  .font-kingthings-exeter {
       font-family: 'kingthings-exeter';
  }

  /*=========================*/
  /*= kingthings-foundation =*/
  /*=========================*/

  @font-face {
       font-family: 'kingthings-foundation';
       src: url('./fonts/kingthings-foundation/kingthings-foundation.woff2') format('woff2'),
            url('./fonts/kingthings-foundation/kingthings-foundation.woff') format('woff');
       font-weight: 400;
       font-style: normal;
       font-stretch: normal;
       unicode-range: U+0020-2248;
  }

  .font-kingthings-foundation {
       font-family: 'kingthings-foundation';
  }

  /*=======================*/
  /*= kingthings-organica =*/
  /*=======================*/

  @font-face {
       font-family: 'kingthings-organica';
       src: url('./fonts/kingthings-organica/kingthings-organica.woff2') format('woff2'),
            url('./fonts/kingthings-organica/kingthings-organica.woff') format('woff');
       font-weight: 400;
       font-style: normal;
       font-stretch: normal;
       unicode-range: U+0020-2248;
  }

  .font-kingthings-organica {
       font-family: 'kingthings-organica';
  }


  /*=======================*/
  /*= kingthings-petrock =*/
  /*=======================*/

  @font-face {
       font-family: 'kingthings-petrock';
       src: url('./fonts/kingthings-petrock/kingthings-petrock.woff2') format('woff2'),
            url('./fonts/kingthings-petrock/kingthings-petrock.woff') format('woff');
       font-weight: 400;
       font-style: normal;
       font-stretch: normal;
       unicode-range: U+0020-2248;
  }

  .font-kingthings-petrock {
       font-family: 'kingthings-petrock';
  }

  /*============================*/
  /*= kingthings-petrock-light =*/
  /*============================*/

  @font-face {
       font-family: 'kingthings-petrock-light';
       src: url('./fonts/kingthings-petrock-light/kingthings-petrock-light.woff2') format('woff2'),
            url('./fonts/kingthings-petrock-light/kingthings-petrock-light.woff') format('woff');
       font-weight: 400;
       font-style: normal;
       font-stretch: normal;
       unicode-range: U+0020-2248;
  }

  .font-kingthings-petrock-light {
       font-family: 'kingthings-petrock-light';
  }

  /*=========================*/
  /*= kingthings-typewriter =*/
  /*=========================*/

  @font-face {
       font-family: 'kingthings-typewriter';
       src: url('./fonts/kingthings-typewriter/kingthings-typewriter.woff2') format('woff2'),
            url('./fonts/kingthings-typewriter/kingthings-typewriter.woff') format('woff');
       font-weight: 400;
       font-style: normal;
       font-stretch: normal;
       unicode-range: U+0020-2248;
  }

  .font-kingthings-typewriter {
       font-family: 'kingthings-typewriter';
  }

  /*==================*/
  /*= Lady Starlight =*/
  /*==================*/

  @font-face {
       font-family: 'lady-starlight';
       src: url('./fonts/lady-starlight/lady-starlight.woff2') format('woff2'),
            url('./fonts/lady-starlight/lady-starlight.woff') format('woff');
       font-weight: normal;
       font-style: normal;
  }

  .font-lady-starlight {
       font-family: 'lady-starlight';
  }

  /*============*/
  /*= Lemonada =*/
  /*============*/

  @font-face {
       font-family: 'lemonada';
       src: url('./fonts/lemonada/lemonada.woff2') format('woff2'),
            url('./fonts/lemonada/lemonada.woff') format('woff');
       font-weight: normal;
       font-style: normal;
  }

  .font-lemonada {
       font-family: 'lemonada';
  }

  /*===========*/
  /*= Lobster =*/
  /*===========*/

  @font-face {
       font-family: 'lobster';
       src: url('./fonts/lobster/lobster.woff2') format('woff2'),
            url('./fonts/lobster/lobster.woff') format('woff');
       font-weight: normal;
       font-style: normal;
  }

  .font-lobster {
       font-family: 'lobster';
  }

  /*==============*/
  /*= lt-perfume =*/
  /*==============*/

  @font-face {
       font-family: 'lt-perfume';
       src: url('./fonts/lt-perfume/lt-perfume.woff2') format('woff2'),
            url('./fonts/lt-perfume/lt-perfume.woff') format('woff');
       font-weight: normal;
       font-style: normal;
  }

  .font-lt-perfume {
       font-family: 'lt-perfume';
  }

  /*================*/
  /*= Magneto Bold =*/
  /*================*/

  @font-face {
       font-family: 'magneto-bold';
       src: url('./fonts/magneto-bold/magneto-bold.woff2') format('woff2'),
            url('./fonts/magneto-bold/magneto-bold.woff') format('woff');
       font-weight: normal;
       font-style: normal;
  }

  .font-magneto-bold {
       font-family: 'magneto-bold';
  }

  /*===============*/
  /*= Major Snafu =*/
  /*===============*/

  @font-face {
       font-family: 'major-snafu';
       src: url('./fonts/major-snafu/major-snafu.woff2') format('woff2'),
            url('./fonts/major-snafu/major-snafu.woff') format('woff');
       font-weight: normal;
       font-style: normal;
  }

  .font-major-snafu {
       font-family: 'major-snafu';
  }

  /*===========*/
  /*= Manrope =*/
  /*===========*/

  @font-face {
       font-family: 'manrope';
       src: url('./fonts/manrope/manrope.woff2') format('woff2'),
            url('./fonts/manrope/manrope.woff') format('woff');
       font-weight: normal;
       font-style: normal;
  }

  .font-manrope {
       font-family: 'manrope';
  }

  /*==============*/
  /*= Mario Kart =*/
  /*==============*/

  @font-face {
       font-family: 'mario-kart';
       src: url('./fonts/mario-kart/mario-kart.woff2') format('woff2'),
            url('./fonts/mario-kart/mario-kart.woff') format('woff');
       font-weight: normal;
       font-style: normal;
  }

  .font-mario-kart {
       font-family: 'mario-kart';
  }

  /*==============*/
  /*= Metal Lord =*/
  /*==============*/

  @font-face {
       font-family: 'metal-lord';
       src: url('./fonts/metal-lord/metal-lord.woff2') format('woff2'),
            url('./fonts/metal-lord/metal-lord.woff') format('woff');
       font-weight: normal;
       font-style: normal;
  }

  .font-metal-lord {
       font-family: 'metal-lord';
  }

  /*===========*/
  /*= Monoton =*/
  /*===========*/

  @font-face {
       font-family: 'monoton';
       src: url('./fonts/monoton/monoton.woff2') format('woff2'),
            url('./fonts/monoton/monoton.woff') format('woff');
       font-weight: normal;
       font-style: normal;
  }

  .font-monoton {
       font-family: 'monoton';
  }

  /*==============*/
  /*= Montserrat =*/
  /*==============*/

  @font-face {
       font-family: 'montserrat';
       src: url('./fonts/montserrat/montserrat.woff2') format('woff2'),
            url('./fonts/montserrat/montserrat.woff') format('woff');
       font-weight: normal;
       font-style: normal;
  }

  .font-montserrat {
       font-family: 'montserrat';
  }

  /*===================*/
  /*= Montserrat Bold =*/
  /*===================*/

  @font-face {
       font-family: 'montserrat-bold';
       src: url('./fonts/montserrat-bold/montserrat-bold.woff2') format('woff2'),
            url('./fonts/montserrat-bold/montserrat-bold.woff') format('woff');
       font-weight: normal;
       font-style: normal;
  }

  .font-montserrat-bold {
       font-family: 'montserrat-bold';
  }

  /*=====================*/
  /*= Montserrat Italic =*/
  /*=====================*/

  @font-face {
       font-family: 'montserrat-italic';
       src: url('./fonts/montserrat-italic/montserrat-italic.woff2') format('woff2'),
            url('./fonts/montserrat-italic/montserrat-italic.woff') format('woff');
       font-weight: normal;
       font-style: normal;
  }

  .font-montserrat-italic {
       font-family: 'montserrat-italic';
  }

  /*====================*/
  /*= Montserrat Light =*/
  /*====================*/

  @font-face {
       font-family: 'montserrat-light';
       src: url('./fonts/montserrat-light/montserrat-light.woff2') format('woff2'),
            url('./fonts/montserrat-light/montserrat-light.woff') format('woff');
       font-weight: normal;
       font-style: normal;
  }

  .font-montserrat-light {
       font-family: 'montserrat';
  }

  /*=========*/
  /*= Mutlu =*/
  /*=========*/

  @font-face {
       font-family: 'mutlu';
       src: url('./fonts/mutlu/mutlu.woff2') format('woff2'),
            url('./fonts/mutlu/mutlu.woff') format('woff');
       font-weight: normal;
       font-style: normal;
  }

  .font-mutlu {
       font-family: 'mutlu';
  }

  /*=======*/
  /*= NTR =*/
  /*=======*/

  @font-face {
       font-family: 'ntr';
       src: url('./fonts/ntr/ntr.woff2') format('woff2'),
            url('./fonts/ntr/ntr.woff') format('woff');
       font-weight: normal;
       font-style: normal;
  }

  .font-ntr {
       font-family: 'ntr';
  }

  /*==========*/
  /*= Oswald =*/
  /*==========*/

  @font-face {
       font-family: 'oswald';
       src: url('./fonts/oswald/oswald.woff2') format('woff2'),
            url('./fonts/oswald/oswald.woff') format('woff');
       font-weight: normal;
       font-style: normal;
  }

  .font-oswald {
       font-family: 'oswald';
  }

  /*============*/
  /*= Pacifico =*/
  /*============*/

  @font-face {
       font-family: 'pacifico';
       src: url('./fonts/pacifico/pacifico.woff2') format('woff2'),
            url('./fonts/pacifico/pacifico.woff') format('woff');
       font-weight: normal;
       font-style: normal;
  }

  .font-pacifico {
       font-family: 'pacifico';
  }

  /*====================*/
  /*= Permanent Marker =*/
  /*====================*/

  @font-face {
       font-family: 'permanent-marker';
       src: url('./fonts/permanent-marker/permanent-marker.woff2') format('woff2'),
            url('./fonts/permanent-marker/permanent-marker.woff') format('woff');
       font-weight: normal;
       font-style: normal;
  }

  .font-permanent-marker {
       font-family: 'permanent-marker';
  }

  /*===================*/
  /*= Playlist Script =*/
  /*===================*/

  @font-face {
       font-family: 'playlist-script';
       src: url('./fonts/playlist-script/playlist-script.woff2') format('woff2'),
            url('./fonts/playlist-script/playlist-script.woff') format('woff');
       font-weight: normal;
       font-style: normal;
  }

  .font-playlist-script {
       font-family: 'playlist-script';
  }

  /*============*/
  /*= Pompiere =*/
  /*============*/

  @font-face {
       font-family: 'pompiere';
       src: url('./fonts/pompiere/pompiere.woff2') format('woff2'),
            url('./fonts/pompiere/pompiere.woff') format('woff');
       font-weight: normal;
       font-style: normal;
  }

  .font-pompiere {
       font-family: 'pompiere';
  }

  /*=========*/
  /*= queen =*/
  /*=========*/

  @font-face {
       font-family: 'queen';
       src: url('./fonts/queen/queen.woff2') format('woff2'),
            url('./fonts/queen/queen.woff') format('woff');
       font-weight: normal;
       font-style: normal;
  }

  .font-queen {
       font-family: 'queen';
  }

  /*================*/
  /*= Restu Bundah =*/
  /*================*/

  @font-face {
       font-family: 'restu-bundah';
       src: url('./fonts/restu-bundah/restu-bundah.woff2') format('woff2'),
            url('./fonts/restu-bundah/restu-bundah.woff') format('woff');
       font-weight: normal;
       font-style: normal;
  }

  .font-restu-bundah {
       font-family: 'restu-bundah';
  }

  /*==================*/
  /*= Robofan SYmbol =*/
  /*==================*/

  @font-face {
       font-family: 'robofan-symbol';
       src: url('./fonts/robofan-symbol/robofan-symbol.woff2') format('woff2'),
            url('./fonts/robofan-symbol/robofan-symbol.woff') format('woff');
       font-weight: normal;
       font-style: normal;
  }

  .font-robofan-symbol {
       font-family: 'robofan-symbol';
  }

  /*================*/
  /*= Rubik Marker =*/
  /*================*/

  @font-face {
       font-family: 'rubik-marker';
       src: url('./fonts/rubik-marker/rubik-marker.woff2') format('woff2'),
            url('./fonts/rubik-marker/rubik-marker.woff') format('woff');
       font-weight: normal;
       font-style: normal;
  }

  .font-rubik-marker {
       font-family: 'rubik-marker';
  }

  /*=================*/
  /*= Samble Tracie =*/
  /*=================*/

  @font-face {
       font-family: 'samble-tracie';
       src: url('./fonts/samble-tracie/samble-tracie.woff2') format('woff2'),
            url('./fonts/samble-tracie/samble-tracie.woff') format('woff');
       font-weight: normal;
       font-style: normal;
  }

  .font-samble-tracie {
       font-family: 'samble-tracie';
  }

  /*===========*/
  /*= Satisfy =*/
  /*===========*/

  @font-face {
       font-family: 'satisfy';
       src: url('./fonts/satisfy/satisfy.woff2') format('woff2'),
            url('./fonts/satisfy/satisfy.woff') format('woff');
       font-weight: normal;
       font-style: normal;
  }

  .font-satisfy {
       font-family: 'satisfy';
  }

  /*====================*/
  /*== Scriptina pro ===*/
  /*====================*/

  @font-face {
       font-family: 'scriptina-pro';
       src: url('./fonts/scriptina-pro/scriptina-pro.woff2') format('woff2'),
            url('./fonts/scriptina-pro/scriptina-pro.woff') format('woff');
       font-weight: normal;
       font-style: normal;
  }

  .font-scriptina-pro {
       font-family: 'scriptina-pro';
  }

  /*================*/
  /*= Seven Swords =*/
  /*================*/

  @font-face {
       font-family: 'seven-swords';
       src: url('./fonts/seven-swords/seven-swords.woff2') format('woff2'),
            url('./fonts/seven-swords/seven-swords.woff') format('woff');
       font-weight: normal;
       font-style: normal;
  }

  .font-seven-swords {
       font-family: 'seven-swords';
  }

  /*==========*/
  /*= spoken =*/
  /*==========*/

  @font-face {
       font-family: 'spoken';
       src: url('./fonts/spoken/spoken.woff2') format('woff2'),
            url('./fonts/spoken/spoken.woff') format('woff');
       font-weight: normal;
       font-style: normal;
  }

  .font-spoken {
       font-family: 'spoken';
  }

  /*============*/
  /*= Spokenbg =*/
  /*============*/

  @font-face {
       font-family: 'spokenbg';
       src: url('./fonts/spokenbg/spokenbg.woff2') format('woff2'),
            url('./fonts/spokenbg/spokenbg.woff') format('woff');
       font-weight: normal;
       font-style: normal;
  }

  .font-spokenbg {
       font-family: 'spokenbg';
  }

  /*================*/
  /*= Spoken plain =*/
  /*================*/

  @font-face {
       font-family: 'spokenplain';
       src: url('./fonts/spokenplain/spokenplain.woff2') format('woff2'),
            url('./fonts/spokenplain/spokenplain.woff') format('woff');
       font-weight: normal;
       font-style: normal;
  }

  .font-spokenplain {
       font-family: 'spokenplain';
  }

  /*=================*/
  /*== Sweet Leaf ===*/
  /*=================*/

  @font-face {
       font-family: 'sweetleaf';
       src: url('./fonts/sweetleaf/sweetleaf.woff2') format('woff2'),
            url('./fonts/sweetleaf/sweetleaf.woff') format('woff');
       font-weight: normal;
       font-style: normal;
  }

  .font-sweetleaf {
       font-family: 'sweetleaf';
  }

  /*====================*/
  /*== Transfoormers ===*/
  /*====================*/

  @font-face {
       font-family: 'transformers';
       src: url('./fonts/transformers/transformers.woff2') format('woff2'),
            url('./fonts/transformers/transformers.woff') format('woff');
       font-weight: normal;
       font-style: normal;
  }

  .font-transformers {
       font-family: 'transformers';
  }

  /*===================*/
  /*== Urban Shadow ===*/
  /*===================*/

  @font-face {
       font-family: 'urban-shadow';
       src: url('./fonts/urban-shadow/urban-shadow.woff2') format('woff2'),
            url('./fonts/urban-shadow/urban-shadow.woff') format('woff');
       font-weight: normal;
       font-style: normal;
  }

  .font-urban-shadow {
       font-family: 'urban-shadow'
  }

  /*==========================*/
  /*== Urban Shadow Script ===*/
  /*==========================*/

  @font-face {
       font-family: 'urban-shadow-script';
       src: url('./fonts/urban-shadow-script/urban-shadow-script.woff2') format('woff2'),
            url('./fonts/urban-shadow-script/urban-shadow-script.woff') format('woff');
       font-weight: normal;
       font-style: normal;
  }

  .font-urban-shadow-script {
       font-family: 'urban-shadow-script'
  }

  /*==========*/
  /*= Varela =*/
  /*==========*/

  @font-face {
       font-family: 'varela';
       src: url('./fonts/varela/varela.woff2') format('woff2'),
            url('./fonts/varela/varela.woff') format('woff');
       font-weight: normal;
       font-style: normal;
  }

  .font-varela {
       font-family: 'varela';
  }

  /*============*/
  /*= Wallpoet =*/
  /*============*/

  @font-face {
       font-family: 'wallpoet';
       src: url('./fonts/wallpoet/wallpoet.woff2') format('woff2'),
            url('./fonts/wallpoet/wallpoet.woff') format('woff');
       font-weight: normal;
       font-style: normal;
  }

  .font-wallpoet {
       font-family: 'wallpoet';
  }

  /*==============*/
  /*= Woody Wood =*/
  /*==============*/

  @font-face {
       font-family: 'woody-wood';
       src: url('./fonts/woody-wood/woody-wood.woff2') format('woff2'),
            url('./fonts/woody-wood/woody-wood.woff') format('woff');
       font-weight: normal;
       font-style: normal;
  }

  .font-woody-wood {
       font-family: 'woody-wood';
  }

  /*==============*/
  /*= Yellowtail =*/
  /*==============*/

  @font-face {
       font-family: 'yellowtail';
       src: url('./fonts/yellowtail/yellowtail.woff2') format('woff2'),
            url('./fonts/yellowtail/yellowtail.woff') format('woff');
       font-weight: normal;
       font-style: normal;
  }

  .font-yellowtail {
       font-family: 'yellowtail';
  }

  /*============*/
  /*= zanzabar =*/
  /*============*/

  @font-face {
       font-family: 'zanzabar';
       src: url('./fonts/zanzabar/zanzabar.woff2') format('woff2'),
            url('./fonts/zanzabar/zanzabar.woff') format('woff');
       font-weight: normal;
       font-style: normal;
  }

  .font-zanzabar {
       font-family: 'zanzabar';
  }