@font-face {
  font-family: 'Quicksand';
  src: url(fonts/Quicksand-Regular.ttf) format('woff2');
  font-weight: 200;
  font-style: normal;
}

@font-face {
  font-family: 'Quicksand';
  src: url(fonts/Quicksand-Bold.ttf) format('woff2');
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: 'Quicksand';
  src: url(fonts/Quicksand-Bold.ttf) format('woff2');
  font-weight: 900;
  font-style: normal;
}

@font-face {
  font-family: 'Quicksand';
  src: url(fonts/Quicksand-Medium.ttf) format('woff2');
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: 'Quicksand';
  src: url(fonts/Quicksand-SemiBold.ttf) format('woff2');
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: 'Quicksand';
  src: url(fonts/Quicksand-SemiBold.ttf) format('woff2');
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: 'Quicksand';
  src: url(fonts/Quicksand-SemiBold.ttf) format('woff2');
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: 'Quicksand-Bold';
  src: url(fonts/Quicksand-Bold.ttf) format('woff2');
  font-style: normal;
}

@font-face {
  font-family: 'Digital';
  src: url(fonts/DS-DIGI.TTF) format('woff2');
  font-weight: normal;
  font-style: normal;
}

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

@font-face {
  font-family: 'Quicksand-Chemical';
  src: url(fonts/Quicksand-Chemical.ttf) format('woff2');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Nunito';
  src: url(fonts/nunito/Nunito-ExtraLight.ttf) format('woff2');
  font-weight: 200;
  font-style: normal;
}

@font-face {
  font-family: 'Nunito';
  src: url(fonts/nunito/Nunito-Light.ttf) format('woff2');
  font-style: normal;
}

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

@font-face {
  font-family: 'Nunito';
  src: url(fonts/nunito/Nunito-Medium.ttf) format('woff2');
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: 'Nunito';
  src: url(fonts/nunito/Nunito-SemiBold.ttf) format('woff2');
  font-weight: 600;
  font-style: normal;
}

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

@font-face {
  font-family: 'Nunito';
  src: url(fonts/nunito/Nunito-ExtraBold.ttf) format('woff2');
  font-weight: 800;
  font-style: normal;
}

@font-face {
  font-family: 'Nunito';
  src: url(fonts/nunito/Nunito-Black.ttf) format('woff2');
  font-weight: 900;
  font-style: normal;
}

@font-face {
  font-family: 'Gilroy';
  src: url(fonts/gilroy/SVN-Gilroy-Xlight.otf) format('woff2');
  font-weight: 200;
  font-style: normal;
}

@font-face {
  font-family: 'Gilroy';
  src: url(fonts/gilroy/SVN-Gilroy-Light.otf) format('woff2');
  font-style: normal;
}

@font-face {
  font-family: 'Gilroy';
  src: url(fonts/gilroy/SVN-Gilroy-Regular.otf) format('woff2');
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: 'Gilroy';
  src: url(fonts/gilroy/SVN-Gilroy-Medium.otf) format('woff2');
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: 'Gilroy';
  src: url(fonts/gilroy/SVN-Gilroy-SemiBold.otf) format('woff2');
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: 'Gilroy';
  src: url(fonts/gilroy/SVN-Gilroy-Bold.otf) format('woff2');
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: 'Gilroy';
  src: url(fonts/gilroy/SVN-Gilroy-XBold.otf) format('woff2');
  font-weight: 800;
  font-style: normal;
}

@font-face {
  font-family: 'Gilroy';
  src: url(fonts/gilroy/SVN-Gilroy-Black.otf) format('woff2');
  font-weight: 900;
  font-style: normal;
}

/* titan-one-regular - latin-ext_latin */
@font-face {
  font-family: 'Titan One';
  font-style: normal;
  font-weight: 400;
  src: url('/fonts/titan-one/titan-one-v13-latin-ext_latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
    url('/fonts/titan-one/titan-one-v13-latin-ext_latin-regular.eot?#iefix')
      format('embedded-opentype'),
    /* IE6-IE8 */
      url('/fonts/titan-one/titan-one-v13-latin-ext_latin-regular.woff2')
      format('woff2'),
    /* Super Modern Browsers */
      url('/fonts/titan-one/titan-one-v13-latin-ext_latin-regular.woff')
      format('woff'),
    /* Modern Browsers */
      url('/fonts/titan-one/titan-one-v13-latin-ext_latin-regular.ttf')
      format('truetype'),
    /* Safari, Android, iOS */
      url('/fonts/titan-one/titan-one-v13-latin-ext_latin-regular.svg#TitanOne')
      format('svg'); /* Legacy iOS */
}

@font-face {
  font-family: 'Comic Sans MS';
  font-style: normal;
  font-weight: 400;
  src: url(fonts/comic-sans/comic.otf) format('woff2');
}

@font-face {
  font-family: 'Comic Sans MS';
  font-style: normal;
  font-weight: 700;
  src: url(fonts/comic-sans/comicbd.otf) format('woff2');
}

@font-face {
  font-family: 'Comic Sans MS';
  font-style: italic;
  font-weight: 400;
  src: url(fonts/comic-sans/comici.otf) format('woff2');
}

@font-face {
  font-family: 'Comic Sans MS';
  font-style: italic;
  font-weight: 700;
  src: url(fonts/comic-sans/comicz.otf) format('woff2');
}

@font-face {
  font-family: 'Roboto';
  src: url(fonts/roboto/Roboto-Thin.ttf) format('woff2');
  font-weight: 100;
  font-style: normal;
}

@font-face {
  font-family: 'Roboto';
  src: url(fonts/roboto/Roboto-Light.ttf) format('woff2');
  font-style: normal;
}

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

@font-face {
  font-family: 'Roboto';
  src: url(fonts/roboto/Roboto-Medium.ttf) format('woff2');
  font-weight: 500;
  font-style: normal;
}

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

@font-face {
  font-family: 'Roboto';
  src: url(fonts/roboto/Roboto-Black.ttf) format('woff2');
  font-weight: 900;
  font-style: normal;
}

/* import font face roboto flex */
@font-face {
  font-family: 'Roboto Flex';
  src: url(fonts/roboto-flex/roboto_flex.ttf) format('woff2');
  font-weight: normal;
  font-style: normal;
  font-stretch: 100%;
  font-display: swap;
}

@font-face {
  font-family: 'Roboto Flex';
  src: url(fonts/roboto-flex/roboto_flex.ttf) format('woff2');
  font-weight: 300;
  font-style: normal;
  font-stretch: 100%;
  font-display: swap;
}

@font-face {
  font-family: 'Roboto Flex';
  src: url(fonts/roboto-flex/roboto_flex.ttf) format('woff2');
  font-weight: 400;
  font-style: normal;
  font-stretch: 100%;
  font-display: swap;
}

@font-face {
  font-family: 'Roboto Flex';
  src: url(fonts/roboto-flex/roboto_flex.ttf) format('woff2');
  font-weight: 500;
  font-style: normal;
  font-stretch: 100%;
  font-display: swap;
}

@font-face {
  font-family: 'Roboto Flex';
  src: url(fonts/roboto-flex/roboto_flex.ttf) format('woff2');
  font-weight: 700;
  font-style: normal;
  font-stretch: 100%;
  font-display: swap;
}

@font-face {
  font-family: 'Roboto Flex';
  src: url(fonts/roboto-flex/roboto_flex.ttf) format('woff2');
  font-weight: 900;
  font-style: normal;
  font-stretch: 100%;
  font-display: swap;
}

/* import font poppins */
@font-face {
  font-family: 'Poppins';
  src: url(fonts/poppins/Poppins-Thin.ttf) format('woff2');
  font-weight: 100;
  font-style: normal;
  font-stretch: 100%;
  font-display: swap;
}

@font-face {
  font-family: 'Poppins';
  src: url(fonts/poppins/Poppins-Light.ttf) format('woff2');
  font-style: normal;
  font-stretch: 100%;
  font-display: swap;
}

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

@font-face {
  font-family: 'Poppins';
  src: url(fonts/poppins/Poppins-Medium.ttf) format('woff2');
  font-weight: 500;
  font-style: normal;
  font-stretch: 100%;
  font-display: swap;
}

@font-face {
  font-family: 'Poppins';
  src: url(fonts/poppins/Poppins-Bold.ttf) format('woff2');
  font-weight: 700;
  font-style: normal;
  font-stretch: 100%;
  font-display: swap;
}

@font-face {
  font-family: 'Poppins';
  src: url(fonts/poppins/Poppins-Black.ttf) format('woff2');
  font-weight: 900;
  font-style: normal;
  font-stretch: 100%;
  font-display: swap;
}

/*import font stone-sans-phonetic*/
@font-face {
  font-family: 'Stone Sans Phonetic';
  src: url(/fonts/stone-sans-phonetic/Stone-Sans-Phonetic-IPA.ttf)
    format('woff2');
  font-style: normal;
  font-stretch: 100%;
  font-display: swap;
}

/*import font be-vietnam-pro*/
@font-face {
  font-family: 'Be Vietnam Pro';
  src: url(fonts/be-vietnam-pro/BeVietnamPro-Thin.ttf) format('woff2');
  font-weight: 100;
  font-style: normal;
  font-stretch: 100%;
  font-display: swap;
}

@font-face {
  font-family: 'Be Vietnam Pro';
  src: url(fonts/be-vietnam-pro/BeVietnamPro-ExtraLight.ttf) format('woff2');
  font-weight: 200;
  font-style: normal;
  font-stretch: 100%;
  font-display: swap;
}

@font-face {
  font-family: 'Be Vietnam Pro';
  src: url(fonts/be-vietnam-pro/BeVietnamPro-Light.ttf) format('woff2');
  font-style: normal;
  font-stretch: 100%;
  font-display: swap;
}

@font-face {
  font-family: 'Be Vietnam Pro';
  src: url(fonts/be-vietnam-pro/BeVietnamPro-Regular.ttf) format('woff2');
  font-weight: 400;
  font-style: normal;
  font-stretch: 100%;
  font-display: swap;
}

@font-face {
  font-family: 'Be Vietnam Pro';
  src: url(fonts/be-vietnam-pro/BeVietnamPro-Medium.ttf) format('woff2');
  font-weight: 500;
  font-style: normal;
  font-stretch: 100%;
  font-display: swap;
}

@font-face {
  font-family: 'Be Vietnam Pro';
  src: url(fonts/be-vietnam-pro/BeVietnamPro-SemiBold.ttf) format('woff2');
  font-weight: 600;
  font-style: normal;
  font-stretch: 100%;
  font-display: swap;
}

@font-face {
  font-family: 'Be Vietnam Pro';
  src: url(fonts/be-vietnam-pro/BeVietnamPro-Bold.ttf) format('woff2');
  font-weight: 700;
  font-style: normal;
  font-stretch: 100%;
  font-display: swap;
}

@font-face {
  font-family: 'Be Vietnam Pro';
  src: url(fonts/be-vietnam-pro/BeVietnamPro-ExtraBold.ttf) format('woff2');
  font-weight: 800;
  font-style: normal;
  font-stretch: 100%;
  font-display: swap;
}

@font-face {
  font-family: 'Be Vietnam Pro';
  src: url(fonts/be-vietnam-pro/BeVietnamPro-Black.ttf) format('woff2');
  font-weight: 900;
  font-style: normal;
  font-stretch: 100%;
  font-display: swap;
}
/* import font inter */
@font-face {
  font-family: 'Inter';
  src: url(fonts/inter/inter.ttf) format('woff2');
  font-weight: 100;
  font-style: normal;
  font-stretch: 100%;
  font-display: swap;
}
@font-face {
  font-family: 'Inter';
  src: url(fonts/inter/inter.ttf) format('woff2');
  font-weight: 200;
  font-style: normal;
  font-stretch: 100%;
  font-display: swap;
}
@font-face {
  font-family: 'Inter';
  src: url(fonts/inter/inter.ttf) format('woff2');
  font-weight: 300;
  font-style: normal;
  font-stretch: 100%;
  font-display: swap;
}
@font-face {
  font-family: 'Inter';
  src: url(fonts/inter/inter.ttf) format('woff2');
  font-weight: 400;
  font-style: normal;
  font-stretch: 100%;
  font-display: swap;
}
@font-face {
  font-family: 'Inter';
  src: url(fonts/inter/inter.ttf) format('woff2');
  font-weight: 500;
  font-style: normal;
  font-stretch: 100%;
  font-display: swap;
}
@font-face {
  font-family: 'Inter';
  src: url(fonts/inter/inter.ttf) format('woff2');
  font-weight: 600;
  font-style: normal;
  font-stretch: 100%;
  font-display: swap;
}
@font-face {
  font-family: 'Inter';
  src: url(fonts/inter/inter.ttf) format('woff2');
  font-weight: 700;
  font-style: normal;
  font-stretch: 100%;
  font-display: swap;
}
@font-face {
  font-family: 'Inter';
  src: url(fonts/inter/inter.ttf) format('woff2');
  font-weight: 800;
  font-style: normal;
  font-stretch: 100%;
  font-display: swap;
}
@font-face {
  font-family: 'Inter';
  src: url(fonts/inter/inter.ttf) format('woff2');
  font-weight: 900;
  font-style: normal;
  font-stretch: 100%;
  font-display: swap;
}
/* import font Red Rose */
@font-face {
  font-family: 'Red Rose';
  src: url(fonts/red-rose/red_rose.ttf) format('woff2');
  font-weight: 100;
  font-style: normal;
  font-stretch: 100%;
  font-display: swap;
}
@font-face {
  font-family: 'Red Rose';
  src: url(fonts/red-rose/red_rose.ttf) format('woff2');
  font-weight: 200;
  font-style: normal;
  font-stretch: 100%;
  font-display: swap;
}
@font-face {
  font-family: 'Red Rose';
  src: url(fonts/red-rose/red_rose.ttf) format('woff2');
  font-weight: 300;
  font-style: normal;
  font-stretch: 100%;
  font-display: swap;
}
@font-face {
  font-family: 'Red Rose';
  src: url(fonts/red-rose/red_rose.ttf) format('woff2');
  font-weight: 400;
  font-style: normal;
  font-stretch: 100%;
  font-display: swap;
}
@font-face {
  font-family: 'Red Rose';
  src: url(fonts/red-rose/red_rose.ttf) format('woff2');
  font-weight: 500;
  font-style: normal;
  font-stretch: 100%;
  font-display: swap;
}
@font-face {
  font-family: 'Red Rose';
  src: url(fonts/red-rose/red_rose.ttf) format('woff2');
  font-weight: 600;
  font-style: normal;
  font-stretch: 100%;
  font-display: swap;
}
@font-face {
  font-family: 'Red Rose';
  src: url(fonts/red-rose/red_rose.ttf) format('woff2');
  font-weight: 700;
  font-style: normal;
  font-stretch: 100%;
  font-display: swap;
}
@font-face {
  font-family: 'Red Rose';
  src: url(fonts/red-rose/red_rose.ttf) format('woff2');
  font-weight: 800;
  font-style: normal;
  font-stretch: 100%;
  font-display: swap;
}
@font-face {
  font-family: 'Red Rose';
  src: url(fonts/red-rose/red_rose.ttf) format('woff2');
  font-weight: 900;
  font-style: normal;
  font-stretch: 100%;
  font-display: swap;
}
@font-face {
  font-family: 'Merriweather';
  src: url(fonts/merriweather/Merriweather-Regular.ttf) format('woff2');
  font-weight: 400;
  font-style: normal;
  font-stretch: 100%;
  font-display: swap;
}
/*import font time new roman*/

@font-face {
  font-family: 'Times New Roman';
  src: url(fonts/font-times-new-roman/timesnewroman.ttf) format('woff2');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Times New Roman';
  src: url(fonts/font-times-new-roman/timesnewromanbold.ttf) format('woff2');
  font-weight: bold;
  font-style: normal;
}

/* @import url("https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900");
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap'); */

@font-face {
  font-family: 'Stone Sans Phonetic';
  src: url(fonts/M_PLUS_1p/MPLUS1p-Black.woff2) format('woff2'),
    url(fonts/M_PLUS_1p/MPLUS1p-Black.woff) format('woff');
  font-weight: 900;
  font-style: normal;
}

@font-face {
  font-family: 'Stone Sans Phonetic';
  src: url(fonts/M_PLUS_1p/MPLUS1p-Medium.woff2) format('woff2'),
    url(fonts/M_PLUS_1p/MPLUS1p-Medium.woff) format('woff');
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: 'Stone Sans Phonetic';
  src: url(fonts/M_PLUS_1p/MPLUS1p-Regular.woff2) format('woff2'),
    url(fonts/M_PLUS_1p/MPLUS1p-Regular.woff) format('woff');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Stone Sans Phonetic';
  src: url(fonts/M_PLUS_1p/MPLUS1p-ExtraBold.woff2) format('woff2'),
    url(fonts/M_PLUS_1p/MPLUS1p-ExtraBold.woff) format('woff');
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: 'Stone Sans Phonetic';
  src: url(fonts/M_PLUS_1p/MPLUS1p-Bold.woff2) format('woff2'),
    url(fonts/M_PLUS_1p/MPLUS1p-Bold.woff) format('woff');
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: 'Stone Sans Phonetic';
  src: url(fonts/M_PLUS_1p/MPLUS1p-Thin.woff2) format('woff2'),
    url(fonts/M_PLUS_1p/MPLUS1p-Thin.woff) format('woff');
  font-weight: 100;
  font-style: normal;
}

@font-face {
  font-family: 'Stone Sans Phonetic';
  src: url(fonts/M_PLUS_1p/MPLUS1p-Light.woff2) format('woff2'),
    url(fonts/M_PLUS_1p/MPLUS1p-Light.woff) format('woff');
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: 'SVN-Billy';
  src: url(fonts/SVN-Billy-Bold.ttf) format('woff2');
  font-weight: 700;
  font-style: normal;
}