@font-face {
    font-family: 'Lato';
    font-weight: 400;
    src: url("../../assets/font/Lato.woff2") format('woff2');
}

@font-face {
    font-family: 'Lato Black';
    font-weight: 900;
    src: url("../../assets/font/Lato-Black.woff2") format('woff2');
}

@font-face {
    font-weight: 300;
    font-family: 'Lato Light';
    src: url("../../assets/font/Lato-Light.woff2") format('woff2');
}

@font-face {
    font-family: 'Lato Thin';
    font-weight: 100;
    src: url("../../assets/font/Lato-Thin.woff2") format('woff2');
}

@font-face {
    font-family: 'Muli';
    src: url("../../assets/font/Muli.woff2") format('woff2');
}

@font-face {
    font-family: 'Muli Black';
    font-weight: 900;
    src: url("../../assets/font/Muli-Black.woff2") format('woff2');
}

@font-face {
    font-family: 'Muli Light';
    src: url("../../assets/font/Muli-Light.woff2") format('woff2');
}

@font-face {
  font-weight: 300;
  font-family: andale mono;
  src: url("../../assets/font/Andale-Mono.ttf") format('truetype');
}

@font-face {
  font-weight: 300;
  font-family: arial black;
  src: url("../../assets/font/arial-black.ttf") format('truetype');
}

@font-face {
  font-weight: 300;
  font-family: book antiqua;
  src: url("../../assets/font/Book-Antiqua.ttf") format('truetype');
}
@font-face {
  font-weight: 300;
  font-family: coolvetica;
  src: url('./FontList/Coolvetica/coolvetica\ rg.otf') format('opentype');
}
@font-face {
  font-weight: 300;
  font-family: montserrat;
  src: url("../../assets/font/Montserrat-Regular.ttf") format('truetype');
}
@font-face {
    font-family: 'Montserrat Light';
    src: url("../../assets/font/Montserrat-Light.ttf") format('truetype');
}
@font-face {
    font-family: 'Montserrat Semi Bold';
    src: url("../../assets/font/Montserrat-SemiBold.ttf") format('truetype');
}
@font-face {
  font-weight: 300;
  font-family: open sans;
  src: url("../../assets/font/OpenSans-Regular.ttf") format('truetype');
}
@font-face {
  font-weight: 300;
  font-family: playfair display;
  src: url("../../assets/font/PlayfairDisplay-Regular.ttf") format('truetype');
}
@font-face {
  font-weight: 300;
  font-family: roboto;
  src: url("../../assets/font/Roboto-Regular.ttf") format('truetype');
}

@font-face {
  font-weight: 300;
  font-family: comic sans ms;
  src: url("../../assets/font/Comic-Sans-MS.ttf") format('truetype');
}

@font-face {
  font-weight: 300;
  font-family: georgia;
  src: url("../../assets/font/georgia.ttf") format('truetype');
}

@font-face {
  font-family: impact;
  src: url("../../assets/font/Impact.ttf") format('truetype');
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-weight: 300;
  font-family: tahoma;
  src: url("../../assets/font/Tahoma.ttf") format('truetype');
}

@font-face {
  font-weight: 300;
  font-family: terminal;
  src: url("../../assets/font/Monaco.ttf") format('truetype'); /* fake terminal for windowns */
}

@font-face {
  font-weight: 300;
  font-family: trebuchet ms;
  font-style: normal;
  src: url("../../assets/font/trebuc.ttf") format('truetype');
}

@font-face {
  font-weight: 300;
  font-family: verdana;
  src: url("../../assets/font/VerdanaPro-Regular.ttf") format('truetype');
}

@font-face {
  font-weight: 300;
  font-family: webdings;
  src: url("../../assets/font/WebdingsRegula.ttf") format('truetype');
}

@font-face {
  font-weight: 300;
  font-family: wingdings;
  src: url("../../assets/font/wingding.ttf") format('truetype');
}

@font-face {
  font-weight: 300;
  font-family: 'abuget';
  src: url("../../assets/font/Abuget.ttf") format('truetype');
  }

  @font-face {
  font-weight: 300;
  font-family: 'adella';
  src: url("../../assets/font/Adella.ttf") format('truetype');
  }
  @font-face {
  font-weight: 300;
  font-family: 'advantage';
  src: url("../../assets/font/Advantage.ttf") format('truetype');
  }

  @font-face {
  font-weight: 300;
  font-family: 'amatic';
  src: url("../../assets/font/Amatic.ttf") format('truetype');
  }

  @font-face {
  font-weight: 300;
  font-family: 'anton';
  src: url("../../assets/font/Anton.ttf") format('truetype');
  }

  @font-face {
  font-weight: 300;
  font-family: 'assistant';
  src: url("../../assets/font/Assistant-Regular.ttf") format('truetype');
  }

  @font-face {
  font-weight: 300;
  font-family: 'assistant light';
  src: url("../../assets/font/Assistant-Light.ttf") format('truetype');
  }

  @font-face {
  font-weight: 300;
  font-family: 'assistant semibold';
  src: url("../../assets/font/Assistant-SemiBold.ttf") format('truetype');
  }

  @font-face {
  font-weight: 300;
  font-family: 'assistant bold';
  src: url("../../assets/font/Assistant-Bold.ttf") format('truetype');
  }

  @font-face {
  font-weight: 300;
  font-family: 'autobus';
  src: url("../../assets/font/Autobus-Bold.ttf") format('truetype');
  }

  @font-face {
  font-weight: 300;
  font-family: 'barlow extra light';
  src: url("../../assets/font/Barlow-ExtraLight.ttf") format('truetype');
  }

  @font-face {
  font-weight: 300;
  font-family: 'barlow medium';
  src: url("../../assets/font/Barlow-Medium.ttf") format('truetype');
  }

  @font-face {
  font-weight: 300;
  font-family: 'basic';
  src: url("../../assets/font/Basic-Regular.ttf") format('truetype');
  }

  @font-face {
  font-weight: 300;
  font-family: 'bebas neue';
  src: url("../../assets/font/BebasNeue-Regular.ttf") format('truetype');
  }

  @font-face {
  font-weight: 300;
  font-family: 'bree serif';
  src: url("../../assets/font/BreeSerif-Regular.ttf") format('truetype');
  }

  @font-face {
  font-weight: 300;
  font-family: 'caudex';
  src: url("../../assets/font/Caudex-Regular.ttf") format('truetype');
  }

  @font-face {
  font-weight: 300;
  font-family: 'caveat';
  src: url("../../assets/font/Caveat-Regular.ttf") format('truetype');
  }

  @font-face {
  font-weight: 300;
  font-family: 'caveat bold';
  src: url("../../assets/font/Caveat-Bold.ttf") format('truetype');
  }

  @font-face {
  font-weight: 300;
  font-family: 'chelsea market';
  src: url("../../assets/font/ChelseaMarket-Regular.ttf") format('truetype');
  }

  @font-face {
  font-weight: 300;
  font-family: 'cinzel';
  src: url("../../assets/font/Cinzel-Regular.ttf") format('truetype');
  }

  @font-face {
  font-weight: 300;
  font-family: 'cinzel semibold';
  src: url("../../assets/font/Cinzel-SemiBold.ttf") format('truetype');
  }

  @font-face {
  font-weight: 300;
  font-family: 'cookie';
  src: url("../../assets/font/Cookie-Regular.ttf") format('truetype');
  }

  @font-face {
  font-weight: 300;
  font-family: 'corben';
  src: url("../../assets/font/Corben-Regular.ttf") format('truetype');
  }

  @font-face {
  font-weight: 300;
  font-family: 'cormorant garamond light';
  src: url("../../assets/font/CormorantGaramond-Light.ttf") format('truetype');
  }

  @font-face {
  font-weight: 300;
  font-family: 'cormorant garamond semibold';
  src: url("../../assets/font/CormorantGaramond-SemiBold.ttf") format('truetype');
  }

  @font-face {
  font-weight: 300;
  font-family: 'courier new';
  src: url("../../assets/font/Courier-New.ttf") format('truetype');
  }

  @font-face {
  font-weight: 300;
  font-family: 'damion';
  src: url("../../assets/font/Damion-Regular.ttf") format('truetype');
  }

  @font-face {
  font-weight: 300;
  font-family: 'dancing script';
  src: url("../../assets/font/DancingScript-Regular.ttf") format('truetype');
  }

  @font-face {
  font-weight: 300;
  font-family: 'eb garamond';
  src: url("../../assets/font/EBGaramond-Regular.ttf") format('truetype');
  }

  @font-face {
  font-weight: 300;
  font-family: 'eb garamond extrabold';
  src: url("../../assets/font/EBGaramond-ExtraBold.ttf") format('truetype');
  }

  @font-face {
  font-weight: 300;
  font-family: 'enriqueta';
  src: url("../../assets/font/Enriqueta-Regular.ttf") format('truetype');
  }

  @font-face {
  font-weight: 300;
  font-family: 'enriqueta medium';
  src: url("../../assets/font/Enriqueta-Medium.ttf") format('truetype');
  }

  @font-face {
  font-weight: 300;
  font-family: 'enriqueta semibold';
  src: url("../../assets/font/Enriqueta-SemiBold.ttf") format('truetype');
  }

  @font-face {
  font-weight: 300;
  font-family: 'enriqueta bold';
  src: url("../../assets/font/Enriqueta-Bold.ttf") format('truetype');
  }

  @font-face {
  font-weight: 300;
  font-family: 'fahkwang';
  src: url("../../assets/font/Fahkwang-Regular.ttf") format('truetype');
  }

  @font-face {
  font-weight: 300;
  font-family: 'fahkwang medium';
  src: url("../../assets/font/Fahkwang-Medium.ttf") format('truetype');
  }

  @font-face {
  font-weight: 300;
  font-family: 'forum';
  src: url("../../assets/font/Forum-Regular.ttf") format('truetype');
  }

  @font-face {
  font-weight: 300;
  font-family: 'frank ruhl libre';
  src: url("../../assets/font/FrankRuhlLibre-Regular.ttf") format('truetype');
  }

  @font-face {
  font-weight: 300;
  font-family: 'frank ruhl libre bold';
  src: url("../../assets/font/FrankRuhlLibre-Bold.ttf") format('truetype');
  }

  @font-face {
  font-weight: 300;
  font-family: 'fraunces thin';
  src: url("../../assets/font/Fraunces-Thin.ttf") format('truetype');
  }

  @font-face {
  font-weight: 300;
  font-family: 'fraunces light';
  src: url("../../assets/font/Fraunces-Light.ttf") format('truetype');
  }

  @font-face {
  font-weight: 300;
  font-family: 'fraunces bold';
  src: url("../../assets/font/Fraunces-Bold.ttf") format('truetype');
  }

  @font-face {
  font-weight: 300;
  font-family: 'fredericka the great';
  src: url("../../assets/font/FrederickatheGreat-Regular.ttf") format('truetype');
  }

  @font-face {
  font-weight: 300;
  font-family: 'geist';
  src: url("../../assets/font/Geist-Regular.otf") format('opentype');
  }

  @font-face {
  font-weight: 300;
  font-family: 'geist thin';
  src: url("../../assets/font/Geist-Thin.otf") format('opentype');
  }

  @font-face {
  font-weight: 300;
  font-family: 'geist light';
  src: url("../../assets/font/Geist-Light.otf") format('opentype');
  }

  @font-face {
  font-weight: 300;
  font-family: 'geist bold';
  src: url("../../assets/font/Geist-Bold.otf") format('opentype');
  }

  @font-face {
  font-weight: 300;
  font-family: 'heebo';
  src: url("../../assets/font/Heebo-Regular.ttf") format('truetype');
  }

  @font-face {
  font-weight: 300;
  font-family: 'heebo extralight';
  src: url("../../assets/font/Heebo-ExtraLight.ttf") format('truetype');
  }

  @font-face {
  font-weight: 300;
  font-family: 'heebo semibold';
  src: url("../../assets/font/Heebo-SemiBold.ttf") format('truetype');
  }

  @font-face {
  font-weight: 300;
  font-family: 'heebo bold';
  src: url("../../assets/font/Heebo-Bold.ttf") format('truetype');
  }

  @font-face {
  font-weight: 300;
  font-family: 'heebo black';
  src: url("../../assets/font/Heebo-Black.ttf") format('truetype');
  }

  @font-face {
  font-weight: 300;
  font-family: 'hell deco';
  src: url("../../assets/font/hell-deco-regular.ttf") format('truetype');
  }

  @font-face {
  font-weight: 300;
  font-family: 'helsinki';
  src: url("../../assets/font/helsinkixxl-black.otf") format('opentype');
  }

  @font-face {
  font-weight: 300;
  font-family: 'jockey one';
  src: url("../../assets/font/JockeyOne-Regular.ttf") format('truetype');
  }

  @font-face {
  font-weight: 300;
  font-family: 'josefin slab';
  src: url("../../assets/font/JosefinSlab-Regular.ttf") format('truetype');
  }

  @font-face {
  font-weight: 300;
  font-family: 'josefin slab bold';
  src: url("../../assets/font/JosefinSlab-Bold.ttf") format('truetype');
  }

  @font-face {
  font-weight: 300;
  font-family: 'jura';
  src: url("../../assets/font/Jura-Regular.ttf") format('truetype');
  }

  @font-face {
  font-weight: 300;
  font-family: 'jura bold';
  src: url("../../assets/font/Jura-Bold.ttf") format('truetype');
  }

  @font-face {
  font-weight: 300;
  font-family: 'karantina';
  src: url("../../assets/font/Karantina-Regular.ttf") format('truetype');
  }

  @font-face {
  font-weight: 300;
  font-family: 'karantina light';
  src: url("../../assets/font/Karantina-Light.ttf") format('truetype');
  }

  @font-face {
  font-weight: 300;
  font-family: 'kelly slab';
  src: url("../../assets/font/KellySlab-Regular.ttf") format('truetype');
  }

  @font-face {
  font-weight: 300;
  font-family: 'lato italic';
  src: url("../../assets/font/Lato-Italic.ttf") format('truetype');
  }

  @font-face {
  font-weight: 300;
  font-family: 'lato bold';
  src: url("../../assets/font/Lato-Bold.ttf") format('truetype');
  }

  @font-face {
  font-weight: 300;
  font-family: 'lexa';
  src: url("../../assets/font/lexa.otf") format('opentype');
  }

  @font-face {
  font-weight: 300;
  font-family: 'lobster';
  src: url("../../assets/font/Lobster-Regular.ttf") format('truetype');
  }

  @font-face {
  font-weight: 300;
  font-family: 'marck script';
  src: url("../../assets/font/MarckScript-Regular.ttf") format('truetype');
  }

  @font-face {
  font-weight: 300;
  font-family: 'marmelad';
  src: url("../../assets/font/Marmelad-Regular.ttf") format('truetype');
  }

  @font-face {
  font-weight: 300;
  font-family: 'monoton';
  src: url("../../assets/font/Monoton-Regular.ttf") format('truetype');
  }

  @font-face {
  font-weight: 300;
  font-family: 'mr de haviland';
  src: url("../../assets/font/MrDeHaviland-Regular.ttf") format('truetype');
  }

  @font-face {
  font-weight: 300;
  font-family: 'muli italic';
  src: url("../../assets/font/Muli-Italic.ttf") format('truetype');
  }

  @font-face {
  font-weight: 300;
  font-family: 'muli semibold';
  src: url("../../assets/font/Muli-SemiBold.ttf") format('truetype');
  }

  @font-face {
  font-weight: 300;
  font-family: 'muli bold';
  src: url("../../assets/font/Muli-Bold.ttf") format('truetype');
  }

  @font-face {
  font-weight: 300;
  font-family: 'muli bold italic';
  src: url("../../assets/font/Muli-BoldItalic.ttf") format('truetype');
  }

  @font-face {
  font-weight: 300;
  font-family: 'mutua';
  src: url("../../assets/font/mutua-regular.ttf") format('truetype');
  }

  @font-face {
  font-weight: 300;
  font-family: 'niconne';
  src: url("../../assets/font/Niconne-Regular.ttf") format('truetype');
  }

  @font-face {
  font-weight: 300;
  font-family: 'nobile';
  src: url("../../assets/font/Nobile-Regular.ttf") format('truetype');
  }

  @font-face {
  font-weight: 300;
  font-family: 'nobile bold';
  src: url("../../assets/font/Nobile-Bold.ttf") format('truetype');
  }

  @font-face {
  font-weight: 300;
  font-family: 'noticia text';
  src: url("../../assets/font/NoticiaText-Regular.ttf") format('truetype');
  }

  @font-face {
  font-weight: 300;
  font-family: 'open sans bold';
  src: url("../../assets/font/OpenSans-Bold.ttf") format('truetype');
  }

  @font-face {
  font-weight: 300;
  font-family: 'oswald';
  src: url("../../assets/font/Oswald-Regular.ttf") format('truetype');
  }

  @font-face {
  font-weight: 300;
  font-family: 'oswald extralight';
  src: url("../../assets/font/Oswald-ExtraLight.ttf") format('truetype');
  }

  @font-face {
  font-weight: 300;
  font-family: 'oswald medium';
  src: url("../../assets/font/Oswald-Medium.ttf") format('truetype');
  }

  @font-face {
  font-weight: 300;
  font-family: 'oswald bold';
  src: url("../../assets/font/Oswald-Bold.ttf") format('truetype');
  }

  @font-face {
  font-weight: 300;
  font-family: 'overlock';
  src: url("../../assets/font/Overlock-Regular.ttf") format('truetype');
  }

  @font-face {
  font-weight: 300;
  font-family: 'patrick hand';
  src: url("../../assets/font/PatrickHand-Regular.ttf") format('truetype');
  }

  @font-face {
  font-weight: 300;
  font-family: 'play';
  src: url("../../assets/font/Play-Regular.ttf") format('truetype');
  }

  @font-face {
  font-weight: 300;
  font-family: 'play bold';
  src: url("../../assets/font/Play-Bold.ttf") format('truetype');
  }

  @font-face {
  font-weight: 300;
  font-family: 'playfair display bold';
  src: url("../../assets/font/PlayfairDisplay-Bold.ttf") format('truetype');
  }

  @font-face {
  font-weight: 300 ;
  font-family: 'playfair display bold italic';
  src: url("../../assets/font/PlayfairDisplay-BoldItalic.ttf") format('truetype');
  }

  @font-face {
  font-weight: 300;
  font-family: 'playfair display black';
  src: url("../../assets/font/PlayfairDisplay-Black.ttf") format('truetype');
  }

  @font-face {
  font-weight: 300;
  font-family: 'playfair display black italic';
  src: url("../../assets/font/PlayfairDisplay-BlackItalic.ttf") format('truetype');
  }

  @font-face {
  font-weight: 300;
  font-family: 'poppins';
  src: url("../../assets/font/Poppins-Regular.ttf") format('truetype');
  }

  @font-face {
  font-weight: 300;
  font-family: 'poppins italic';
  src: url("../../assets/font/Poppins-Italic.ttf") format('truetype');
  }

  @font-face {
  font-weight: 300;
  font-family: 'poppins extralight';
  src: url("../../assets/font/Poppins-ExtraLight.ttf") format('truetype');
  }

  @font-face {
  font-weight: 300;
  font-family: 'poppins extralight italic';
  src: url("../../assets/font/Poppins-ExtraLightItalic.ttf") format('truetype');
  }

  @font-face {
  font-weight: 300;
  font-family: 'poppins semibold';
  src: url("../../assets/font/Poppins-SemiBold.ttf") format('truetype');
  }

  @font-face {
  font-weight: 300;
  font-family: 'poppins semibold italic';
  src: url("../../assets/font/Poppins-SemiBoldItalic.ttf") format('truetype');
  }

  @font-face {
  font-weight: 300;
  font-family: 'poppins bold';
  src: url("../../assets/font/Poppins-Bold.ttf") format('truetype');
  }

  @font-face {
  font-weight: 300;
  font-family: 'poppins bold italic';
  src: url("../../assets/font/Poppins-BoldItalic.ttf") format('truetype');
  }

  @font-face {
  font-weight: 300;
  font-family: 'quicksand';
  src: url("../../assets/font/Quicksand-Regular.ttf") format('truetype');
  }

  @font-face {
  font-weight: 300;
  font-family: 'quicksand medium';
  src: url("../../assets/font/Quicksand-Medium.ttf") format('truetype');
  }

  @font-face {
  font-weight: 300;
  font-family: 'quicksand semibold';
  src: url("../../assets/font/Quicksand-SemiBold.ttf") format('truetype');
  }

  @font-face {
  font-weight: 300;
  font-family: 'quicksand bold';
  src: url("../../assets/font/Quicksand-Bold.ttf") format('truetype');
  }

  @font-face {
  font-weight: 300;
  font-family: 'raleway semibold';
  src: url("../../assets/font/Raleway-SemiBold.ttf") format('truetype');
  }

  @font-face {
  font-weight: 300;
  font-family: 'raleway semibold italic';
  src: url("../../assets/font/Raleway-SemiBoldItalic.ttf") format('truetype');
  }


  @font-face {
  font-weight: 300;
  font-family: 'raleway bold';
  src: url("../../assets/font/Raleway-Bold.ttf") format('truetype');
  }


  @font-face {
  font-weight: 300;
  font-family: 'raleway bold italic';
  src: url("../../assets/font/Raleway-BoldItalic.ttf") format('truetype');
  }


  @font-face {
  font-weight: 300;
  font-family: 'roboto light';
  src: url("../../assets/font/Roboto-Light.ttf") format('truetype');
  }

  @font-face {
  font-weight: 300;
  font-family: 'roboto light italic';
  src: url("../../assets/font/Roboto-LightItalic.ttf") format('truetype');
  }

  @font-face {
  font-weight: 300;
  font-family: 'roboto italic';
  src: url("../../assets/font/Roboto-Italic.ttf") format('truetype');
  }

  @font-face {
  font-weight: 300;
  font-family: 'roboto bold';
  src: url("../../assets/font/Roboto-Bold.ttf") format('truetype');
  }

  @font-face {
  font-weight: 300;
  font-family: 'roboto bold italic';
  src: url("../../assets/font/Roboto-BoldItalic.ttf") format('truetype');
  }

  @font-face {
  font-weight: 300;
  font-family: 'roboto black';
  src: url("../../assets/font/Roboto-Black.ttf") format('truetype');
  }

  @font-face {
  font-weight: 300;
  font-family: 'roboto black italic';
  src: url("../../assets/font/Roboto-BlackItalic.ttf") format('truetype');
  }

  @font-face {
  font-weight: 300;
  font-family: 'rozha one';
  src: url("../../assets/font/RozhaOne-Regular.ttf") format('truetype');
  }

  @font-face {
  font-weight: 300;
  font-family: 'rubik';
  src: url("../../assets/font/Rubik-Regular.ttf") format('truetype');
  }

  @font-face {
  font-weight: 300;
  font-family: 'rubik light';
  src: url("../../assets/font/Rubik-Light.ttf") format('truetype');
  }

  @font-face {
  font-weight: 300;
  font-family: 'rubik medium';
  src: url("../../assets/font/Rubik-Medium.ttf") format('truetype');
  }

  @font-face {
  font-weight: 300;
  font-family: 'rubik bold';
  src: url("../../assets/font/Rubik-Bold.ttf") format('truetype');
  }

  @font-face {
  font-weight: 300;
  font-family: 'sacramento';
  src: url("../../assets/font/Sacramento-Regular.ttf") format('truetype');
  }

  @font-face {
  font-weight: 300;
  font-family: sail;
  src: url("../../assets/font/Sail-Regular.ttf") format('truetype');
  }

  @font-face {
  font-weight: 300;
  font-family: 'sarina';
  src: url("../../assets/font/Sarina-Regular.ttf") format('truetype');
  }

  @font-face {
  font-weight: 300;
  font-family: 'space grotesk';
  src: url("../../assets/font/SpaceGrotesk-Regular.ttf") format('truetype');
  }


  @font-face {
  font-weight: 300;
  font-family: 'space grotesk bold';
  src: url("../../assets/font/SpaceGrotesk-Bold.ttf") format('truetype');
  }

  @font-face {
  font-weight: 300;
  font-family: 'syne';
  src: url("../../assets/font/Syne-Regular.ttf") format('truetype');
  }

  @font-face {
  font-weight: 300;
  font-family: 'syne bold';
  src: url("../../assets/font/Syne-Bold.ttf") format('truetype');
  }

  @font-face {
  font-weight: 300;
  font-family: 'work sans';
  src: url("../../assets/font/WorkSans-Regular.ttf") format('truetype');
  }

  @font-face {
  font-weight: 300;
  font-family: 'work sans light';
  src: url("../../assets/font/WorkSans-Light.ttf") format('truetype');
  }

  @font-face {
  font-weight: 300;
  font-family: 'work sans medium';
  src: url("../../assets/font/WorkSans-Medium.ttf") format('truetype');
  }

  @font-face {
  font-weight: 300;
  font-family: 'work sans bold';
  src: url("../../assets/font/WorkSans-Bold.ttf") format('truetype');
  }

  @font-face {
    font-weight: 300;
    font-family: 'artega';
    src: url("../../assets/font/Artega.otf") format('opentype');
  }

  @font-face {
    font-weight: 300;
    font-family: 'best week';
    src: url("../../assets/font/Best-Week.otf") format('opentype');
  }

  @font-face {
    font-weight: 300;
    font-family: 'breathe';
    src: url("../../assets/font/Breathe.ttf") format('truetype');
  }

  @font-face {
    font-weight: 300;
    font-family: 'charrie';
    src: url("../../assets/font/Charrie.otf") format('opentype');
  }

  @font-face {
    font-weight: 300;
    font-family: 'curve regular';
    src: url("../../assets/font/CurveRegular.ttf") format('truetype');
  }

  @font-face {
    font-weight: 300;
    font-family: 'curve slim';
    src: url("../../assets/font/CurveSlim.ttf") format('truetype');
  }

  @font-face {
    font-weight: 300;
    font-family: 'curve bold';
    src: url("../../assets/font/CurveBold.ttf") format('truetype');
  }

  @font-face {
    font-weight: 300;
    font-family: 'exquite';
    src: url("../../assets/font/Exquite.ttf") format('truetype');
  }

  @font-face {
    font-weight: 300;
    font-family: 'feeling';
    src: url("../../assets/font/Feeling.ttf") format('truetype');
  }


  @font-face {
    font-weight: 300;
    font-family: 'georgia estate';
    src: url("../../assets/font/Georgia-Estate.ttf") format('truetype');
  }

  @font-face {
    font-weight: 300;
    font-family: 'harshita';
    src: url("../../assets/font/Harshita.ttf") format('truetype');
  }

  @font-face {
    font-weight: 300;
    font-family: 'laisha';
    src: url("../../assets/font/Laisha.ttf") format('truetype');
  }

  @font-face {
    font-weight: 300;
    font-family: 'la lemonti';
    src: url("../../assets/font/La-Lemonti.ttf") format('truetype');
  }

  @font-face {
    font-weight: 300;
    font-family: 'la lemonti italic';
    src: url("../../assets/font/La-Lemonti-Italic.ttf") format('truetype');
  }

  @font-face {
    font-weight: 300;
    font-family: 'lavener';
    src: url("../../assets/font/Lavener.ttf") format('truetype');
  }

  @font-face {
    font-weight: 300;
    font-family: 'monofonto';
    src: url("../../assets/font/Monofonto.otf") format('opentype');
  }

  @font-face {
    font-weight: 300;
    font-family: 'ottmar hollington';
    src: url("../../assets/font/Ottmar-Hollington.ttf") format('truetype');
  }

  @font-face {
    font-weight: 300;
    font-family: 'seaside resort';
    src: url("../../assets/font/Seaside-Resort.ttf") format('truetype');
  }

  @font-face {
    font-weight: 300;
    font-family: 'still time';
    src: url("../../assets/font/Still-Time.ttf") format('truetype');
  }

  @font-face {
    font-weight: 300;
    font-family: 'summer pisces';
    src: url("../../assets/font/Summer-Pisces.ttf") format('truetype');
  }

  @font-face {
    font-weight: 300;
    font-family: 'thirsty caps';
    src: url("../../assets/font/Thirsty-Caps.otf") format('opentype');
  }

  @font-face {
    font-weight: 300;
    font-family: 'timeburner';
    src: url("../../assets/font/TimeBurnerNormal.ttf") format('truetype');
  }

  @font-face {
    font-weight: 300;
    font-family: 'timeburner bold';
    src: url("../../assets/font/TimeBurnerBold.ttf") format('truetype');
  }

  @font-face {
    font-weight: 300;
    font-family: 'want coffee';
    src: url("../../assets/font/Want-Coffee.ttf") format('truetype');
  }

  @font-face {
    font-weight: 300;
    font-family: 'yukita black';
    src: url("../../assets/font/YukitaBlack.otf") format('opentype');
  }

  @font-face {
    font-weight: 300;
    font-family: 'yukita bold';
    src: url("../../assets/font/YukitaBold.otf") format('opentype');
  }

  @font-face {
    font-weight: 300;
    font-family: 'yukita extrabold';
    src: url("../../assets/font/YukitaExtraBold.otf") format('opentype');
  }

  @font-face {
    font-weight: 300;
    font-family: 'yukita light';
    src: url("../../assets/font/YukitaLight.otf") format('opentype');
  }

  @font-face {
    font-weight: 300;
    font-family: 'yukita medium';
    src: url("../../assets/font/YukitaMedium.otf") format('opentype');
  }

  @font-face {
    font-weight: 300;
    font-family: 'yukita regular';
    src: url("../../assets/font/YukitaRegular.otf") format('opentype');
  }

  @font-face {
    font-weight: 300;
    font-family: 'yukita semibold';
    src: url("../../assets/font/YukitaSemiBold.otf") format('opentype');
  }