::-webkit-scrollbar {
  width: 0.38rem;
  height: 0.38rem;
  
}
::-webkit-scrollbar-button {
  width: 0.5rem;
  height: 0.5rem;
  background:  rgba(200,200,200,0);
}
.dark ::-webkit-scrollbar-thumb {
  /* background: rgba(3,105,161,0.5); */
  background: rgba(59,50,50,0.5);
  border: 0px solid  rgba(200,200,200,0);
  border-radius: 2rem;
}
::-webkit-scrollbar-thumb {
  /* background: rgba(200,200,200,0.5); */
  background: rgba(40,40,40,0.5);
  border: 0px solid  rgba(200,200,200,0);
  border-radius: 2rem;
}
::-webkit-scrollbar-thumb:hover {
  background: rgba(255,255,255,0.7);
}
::-webkit-scrollbar-thumb:active {
  background: rgba(255,255,255,1);
}
.dark ::-webkit-scrollbar-track {
  background:  rgba(200,200,200,0);
  border: 0px none rgba(200,200,200,0);
  border-radius: 0px;
  margin:auto;
}
::-webkit-scrollbar-track {
  background:  rgba(200,200,200,0);
  border: 0px solid  rgba(200,200,200,0);
  border-radius: 0px;
  margin:auto;
}
::-webkit-scrollbar-track:hover {
  background:  transparent;
}
::-webkit-scrollbar-track:active {
  background:  transparent;
}
::-webkit-scrollbar-corner {
  background: transparent;
} 


@font-face
{
  font-family:'blackops';
  src:url('../fonts/BlackOpsOne-Regular.ttf') format('TrueType');
  font-weight:400;
}

@font-face
{
  font-family:'ave';
  src:url('../fonts/SedgwickAveDisplay-Regular.ttf') format('TrueType');
  font-weight:400;
}

@font-face
{
  font-family:'OpenSans';
  src:url('../fonts/OpenSans-Bold.ttf') format('TrueType');
  font-weight:700;
}

@font-face
{
  font-family:'OpenSans';
  src:url('../fonts/OpenSans-Regular.ttf') format('TrueType');
  font-weight:400;
}

@font-face
{
  font-family:'OpenSans';
  src:url('../fonts/OpenSans-Light.ttf') format('TrueType');
  font-weight:300;
}

@font-face
{
  font-family:'Kalam';
  src:url('../fonts/Kalam-Bold.ttf') format('TrueType');
  font-weight:700;
}

@font-face
{
  font-family:'Kalam';
  src:url('../fonts/Kalam-Regular.ttf') format('TrueType');
  font-weight:400;
}

@font-face
{
  font-family:'Kalam';
  src:url('../fonts/Kalam-Light.ttf') format('TrueType');
  font-weight:300;
}

@font-face
{
  font-family:'Tusj';
  src:url('../fonts/Tusj.ttf') format('TrueType');
  font-weight:400;
}

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

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

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

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

@font-face
{
  font-family:'Roboto';
  src:url('../fonts/Roboto-Light.ttf') format('TrueType');
  font-weight:300;
}

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

@font-face
{
  font-family:'Lato';
  src:url('../fonts/Lato-Black.ttf') format('TrueType');
  font-weight:900;
}

@font-face
{
  font-family:'Lato';
  src:url('../fonts/Lato-Bold.ttf') format('TrueType');
  font-weight:700;
}

@font-face
{
  font-family:'Lato';
  src:url('../fonts/Lato-Regular.ttf') format('TrueType');
  font-weight:400;
}

@font-face
{
  font-family:'Lato';
  src:url('../fonts/Lato-Light.ttf') format('TrueType');
  font-weight:300;
}

@font-face
{
  font-family:'Lato';
  src:url('../fonts/Lato-Thin.ttf') format('TrueType');
  font-weight:100;
}

@font-face
{
  font-family:'RobotoMono';
  src:url('../fonts/RobotoMono-Bold.ttf') format('TrueType');
  font-weight:700;
}

@font-face
{
  font-family:'RobotoMono';
  src:url('../fonts/RobotoMono-BoldItalic.ttf') format('TrueType');
  font-weight:700;
  font-style:italic;
}

@font-face
{
  font-family:'RobotoMono';
  src:url('../fonts/RobotoMono-SemiBold.ttf') format('TrueType');
  font-weight:600;
}

@font-face
{
  font-family:'RobotoMono';
  src:url('../fonts/RobotoMono-SemiBoldItalic.ttf') format('TrueType');
  font-weight:600;
  font-style:italic;
}

@font-face
{
  font-family:'RobotoMono';
  src:url('../fonts/RobotoMono-Medium.ttf') format('TrueType');
  font-weight:500;
}

@font-face
{
  font-family:'RobotoMono';
  src:url('../fonts/RobotoMono-MediumItalic.ttf') format('TrueType');
  font-weight:500;
  font-style:italic;
}

@font-face
{
  font-family:'RobotoMono';
  src:url('../fonts/RobotoMono-Regular.ttf') format('TrueType');
  font-weight:400;
}

@font-face
{
  font-family:'RobotoMono';
  src:url('../fonts/RobotoMono-Italic.ttf') format('TrueType');
  font-weight:400;
  font-style: italic;
}

@font-face
{
  font-family:'RobotoMono';
  src:url('../fonts/RobotoMono-Light.ttf') format('TrueType');
  font-weight:300;
}

@font-face
{
  font-family:'RobotoMono';
  src:url('../fonts/RobotoMono-LightItalic.ttf') format('TrueType');
  font-weight:300;
  font-style: italic;
}

@font-face
{
  font-family:'RobotoMono';
  src:url('../fonts/RobotoMono-Thin.ttf') format('TrueType');
  font-weight:100;
}

@font-face
{
  font-family:'RobotoMono';
  src:url('../fonts/RobotoMono-ThinItalic.ttf') format('TrueType');
  font-weight:100;
  font-style: italic;
}

@font-face
{
  font-family:'Itim';
  src:url('../fonts/Itim.ttf') format('TrueType');
  font-weight:400;
}

@font-face
{
  font-family:'Montserrat';
  src:url('../fonts/Montserrat-Bold.ttf') format('TrueType');
  font-weight:700;
}

@font-face
{
  font-family:'Montserrat';
  src:url('../fonts/Montserrat-SemiBold.ttf') format('TrueType');
  font-weight:600;
}

@font-face
{
  font-family:'Montserrat';
  src:url('../fonts/Montserrat-Medium.ttf') format('TrueType');
  font-weight:500;
}

@font-face
{
  font-family:'Montserrat';
  src:url('../fonts/Montserrat-Regular.ttf') format('TrueType');
  font-weight:400;
}

@font-face
{
  font-family:'Montserrat';
  src:url('../fonts/Montserrat-Light.ttf') format('TrueType');
  font-weight:300;
}

@font-face
{
  font-family:'Montserrat';
  src:url('../fonts/Montserrat-ExtraLight.ttf') format('TrueType');
  font-weight:200;
}

@font-face
{
  font-family:'Montserrat';
  src:url('../fonts/Montserrat-Thin.ttf') format('TrueType');
  font-weight:100;
}

@font-face
{
  font-family:'Montserrat';
  src:url('../fonts/Montserrat-BlackItalic.ttf') format('TrueType');
  font-weight:900;
  font-style:italic;
}

@font-face
{
  font-family:'Montserrat';
  src:url('../fonts/Montserrat-ExtraBoldItalic.ttf') format('TrueType');
  font-weight:800;
  font-style:italic;
}

@font-face
{
  font-family:'Montserrat';
  src:url('../fonts/Montserrat-BoldItalic.ttf') format('TrueType');
  font-weight:700;
  font-style:italic;
}

@font-face
{
  font-family:'Montserrat';
  src:url('../fonts/Montserrat-BlackItalic.ttf') format('TrueType');
  font-weight:600;
  font-style:italic;
}

@font-face
{
  font-family:'Montserrat';
  src:url('../fonts/Montserrat-MediumItalic.ttf') format('TrueType');
  font-weight:500;
  font-style:italic;
}

@font-face
{
  font-family:'Montserrat';
  src:url('../fonts/Montserrat-Italic.ttf') format('TrueType');
  font-weight:400;
  font-style:italic;
}

@font-face
{
  font-family:'Montserrat';
  src:url('../fonts/Montserrat-LightItalic.ttf') format('TrueType');
  font-weight:300;
  font-style:italic;
}

@font-face
{
  font-family:'Montserrat';
  src:url('../fonts/Montserrat-ExtraLightItalic.ttf') format('TrueType');
  font-weight:200;
  font-style:italic;
}

@font-face
{
  font-family:'Montserrat';
  src:url('../fonts/Montserrat-ThinItalic.ttf') format('TrueType');
  font-weight:100;
  font-style:italic;
}

@font-face
{
  font-family:'play';
  src:url('../fonts/Play-Regular.ttf') format('TrueType');
  font-weight:400;
}

@font-face
{
  font-family:'play';
  src:url('../fonts/Play-Bold.ttf') format('TrueType');
  font-weight:700;
}

@font-face
{
  font-family:'russo';
  src:url('../fonts/Russo.ttf') format('TrueType');
  font-weight:400;
}

@font-face
{
  font-family:'rubik';
  src:url('../fonts/Rubik.ttf') format('TrueType');
  font-weight:400;
}


@font-face
{
  font-family:'robotomono';
  src:url('../fonts/RobotoMono-Bold.ttf') format('TrueType');
  font-weight:700;
}

@font-face
{
  font-family:'robotomono';
  src:url('../fonts/RobotoMono-Medium.ttf') format('TrueType');
  font-weight:500;
}

@font-face
{
  font-family:'robotomono';
  src:url('../fonts/RobotoMono-Regular.ttf') format('TrueType');
  font-weight:400;
}

@font-face
{
  font-family:'robotomono';
  src:url('../fonts/RobotoMono-Light.ttf') format('TrueType');
  font-weight:300;
}


@font-face
{
  font-family:'jura';
  src:url('../fonts/Jura-Bold.ttf') format('TrueType');
  font-weight:700;
}

@font-face
{
  font-family:'jura';
  src:url('../fonts/Jura-Medium.ttf') format('TrueType');
  font-weight:500;
}

@font-face
{
  font-family:'jura';
  src:url('../fonts/Jura-Regular.ttf') format('TrueType');
  font-weight:400;
}

@font-face
{
  font-family:'jura';
  src:url('../fonts/Jura-Light.ttf') format('TrueType');
  font-weight:400;
}

@font-face
{
  font-family:'play';
  src:url('../fonts/Play-Regular.ttf') format('TrueType');
  font-weight:400;
}

@font-face
{
  font-family:'play';
  src:url('../fonts/Play-Bold.ttf') format('TrueType');
  font-weight:700;
}

@font-face
{
  font-family:'bruno';
  src:url('../fonts/BrunoAce-Regular.ttf') format('TrueType');
  font-weight:400;
}

@font-face
{
  font-family:'blackops';
  src:url('../fonts/BlackOpsOne-Regular.ttf') format('TrueType');
  font-weight:400;
}

@font-face
{
  font-family:'Itim';
  src:url('../fonts/Itim.ttf') format('TrueType');
  font-weight:400;
}

@font-face
{
  font-family:'Kalam';
  src:url('../fonts/Kalam-Bold.ttf') format('TrueType');
  font-weight:700;
}

@font-face
{
  font-family:'Kalam';
  src:url('../fonts/Kalam-Regular.ttf') format('TrueType');
  font-weight:400;
}

@font-face
{
  font-family:'Kalam';
  src:url('../fonts/Kalam-Light.ttf') format('TrueType');
  font-weight:300;
}

@font-face
{
  font-family:'Tusj';
  src:url('../fonts/Tusj.ttf') format('TrueType');
  font-weight:400;
}

@font-face
{
  font-family:'ave';
  src:url('../fonts/SedgwickAveDisplay-Regular.ttf') format('TrueType');
  font-weight:400;
}

@font-face
{
  font-family:'russo';
  src:url('../fonts/Russo.ttf') format('TrueType');
  font-weight:400;
}

@font-face
{
  font-family:'rubik';
  src:url('../fonts/Rubik.ttf') format('TrueType');
  font-weight:400;
}

@font-face
{
  font-family:'silk';
  src:url('../fonts/Silkscreen-Bold.ttf') format('TrueType');
  font-weight:700;
}

@font-face
{
  font-family:'silk';
  src:url('../fonts/Silkscreen-Regular.ttf') format('TrueType');
  font-weight:400;
}

@font-face
{
  font-family:'sriracha';
  src:url('../fonts/Sriracha-Regular.ttf') format('TrueType');
  font-weight:400;
}

@font-face
{
  font-family:'eagle';
  src:url('../fonts/EagleLake-Regular.ttf') format('TrueType');
  font-weight:400;
}

@font-face
{
  font-family:'sansita';
  src:url('../fonts/SansitaSwashed-VariableFont_wght.ttf') format('TrueType');
  font-weight:400;
}


@font-face
{
  font-family:'share';
  src:url('../fonts/Share-Bold.ttf') format('TrueType');
  font-weight:700;
}

@font-face
{
  font-family:'share';
  src:url('../fonts/Share-BoldItalic.ttf') format('TrueType');
  font-weight:700;
  font-style: italic;
}

@font-face
{
  font-family:'share';
  src:url('../fonts/Share-Italic.ttf') format('TrueType');
  font-weight:400;
  font-style: italic;
}

@font-face
{
  font-family:'share';
  src:url('../fonts/Share-Regular.ttf') format('TrueType');
  font-weight:400;
}

.font-share{font-family:'share'!important;}


@font-face
{
  font-family:'bungee';
  src:url('../fonts/BungeeSpice-Regular.ttf') format('TrueType');
  font-weight:400;
}

.font-bungee{font-family:'bungee'!important;}

@font-face
{
  font-family:'codystar';
  src:url('../fonts/Codystar-Light.ttf') format('TrueType');
  font-weight:300;
}

@font-face
{
  font-family:'codystar';
  src:url('../fonts/Codystar-Regular.ttf') format('TrueType');
  font-weight:400;
}

.font-codystar{font-family:'codystar'!important;}

@font-face
{
  font-family:'nabla';
  src:url('../fonts/Nabla-Regular-VariableFont_EDPT,EHLT.ttf') format('TrueType');
  font-weight:400;
}

.font-nabla{font-family:'nabla'!important;}

@font-face
{
  font-family:'sansita';
  src:url('../fonts/SansitaSwashed-VariableFont_wght.ttf') format('TrueType');
  font-weight:400;
}

.font-sansita{font-family:'sansita'!important;}

@font-face
{
  font-family:'baloo';
  src:url('../fonts/Baloo2-VariableFont_wght.ttf') format('TrueType');
  font-weight:400;
}

@font-face
{
  font-family:'merienda';
  src:url('../fonts/Merienda-VariableFont_wght.ttf') format('TrueType');
  font-weight:400;
}
.font-merienda{font-family:'merienda'!important;}

@font-face
{
  font-family:'mansalva';
  src:url('../fonts/Mansalva-Regular.ttf') format('TrueType');
  font-weight:400;
}
.font-mansalva{font-family:'mansalva'!important;}

@font-face
{
  font-family:'comforta';
  src:url('../fonts/Comfortaa-VariableFont_wght.ttf') format('TrueType');
  font-weight:400;
}

@font-face
{
  font-family:'concert';
  src:url('../fonts/ConcertOne-Regular.ttf') format('TrueType');
  font-weight:400;
}

@font-face
{
  font-family:'oswald';
  src:url('../fonts/Oswald-Bold.ttf') format('TrueType');
  font-weight:700;
}

@font-face
{
  font-family:'oswald';
  src:url('../fonts/Oswald-SemiBold.ttf') format('TrueType');
  font-weight:600;
}

@font-face
{
  font-family:'oswald';
  src:url('../fonts/Oswald-Medium.ttf') format('TrueType');
  font-weight:500;
}

@font-face
{
  font-family:'oswald';
  src:url('../fonts/Oswald-Regular.ttf') format('TrueType');
  font-weight:400;
}

@font-face
{
  font-family:'oswald';
  src:url('../fonts/Oswald-Light.ttf') format('TrueType');
  font-weight:300;
}

@font-face
{
  font-family:'oswald';
  src:url('../fonts/Oswald-ExtraLight.ttf') format('TrueType');
  font-weight:200;
}

@font-face
{
  font-family:'slabo';
  src:url('../fonts/Slabo27px-Regular.ttf') format('TrueType');
  font-weight:400;
}

@font-face
{
  font-family:'prompt';
  src:url('../fonts/Prompt-Black.ttf') format('TrueType');
  font-weight:900;
}

@font-face
{
  font-family:'prompt';
  src:url('../fonts/Prompt-BlackItalic.ttf') format('TrueType');
  font-weight:900;
  font-style: italic;
}

@font-face
{
  font-family:'prompt';
  src:url('../fonts/Prompt-ExtraBold.ttf') format('TrueType');
  font-weight:800;
}

@font-face
{
  font-family:'prompt';
  src:url('../fonts/Prompt-ExtraBoldItalic.ttf') format('TrueType');
  font-weight:800;
  font-style: italic;
}

@font-face
{
  font-family:'prompt';
  src:url('../fonts/Prompt-Bold.ttf') format('TrueType');
  font-weight:700;
}

@font-face
{
  font-family:'prompt';
  src:url('../fonts/Prompt-BoldItalic.ttf') format('TrueType');
  font-weight:700;
  font-style: italic;
}

@font-face
{
  font-family:'prompt';
  src:url('../fonts/Prompt-SemiBold.ttf') format('TrueType');
  font-weight:600;
}

@font-face
{
  font-family:'prompt';
  src:url('../fonts/Prompt-SemiBoldItalic.ttf') format('TrueType');
  font-weight:600;
  font-style: italic;
}

@font-face
{
  font-family:'prompt';
  src:url('../fonts/Prompt-Medium.ttf') format('TrueType');
  font-weight:500;
}

@font-face
{
  font-family:'prompt';
  src:url('../fonts/Prompt-MediumItalic.ttf') format('TrueType');
  font-weight:500;
  font-style: italic;
}

@font-face
{
  font-family:'prompt';
  src:url('../fonts/Prompt-Regular.ttf') format('TrueType');
  font-weight:400;
}

@font-face
{
  font-family:'prompt';
  src:url('../fonts/Prompt-Italic.ttf') format('TrueType');
  font-weight:400;
  font-style: italic;
}

@font-face
{
  font-family:'prompt';
  src:url('../fonts/Prompt-Light.ttf') format('TrueType');
  font-weight:300;
}

@font-face
{
  font-family:'prompt';
  src:url('../fonts/Prompt-LightItalic.ttf') format('TrueType');
  font-weight:300;
  font-style: italic;
}

@font-face
{
  font-family:'prompt';
  src:url('../fonts/Prompt-ExtraLight.ttf') format('TrueType');
  font-weight:200;
}

@font-face
{
  font-family:'prompt';
  src:url('../fonts/Prompt-ExtraLightItalic.ttf') format('TrueType');
  font-weight:200;
  font-style: italic;
}

@font-face
{
  font-family:'prompt';
  src:url('../fonts/Prompt-Thin.ttf') format('TrueType');
  font-weight:100;
}

@font-face
{
  font-family:'prompt';
  src:url('../fonts/Prompt-ThinItalic.ttf') format('TrueType');
  font-weight:100;
  font-style: italic;
}

.font-baloo{font-family:'baloo'!important;}

.font-concert{font-family:'concert'!important;}

.font-slabo{font-family:'slabo'!important;}

.font-comforta{font-family:'comforta'!important;}

.font-opensans{font-family:'OpenSans'!important;}

.font-tuj,.font-tus,.font-tusj{font-family:'tusj'!important;}

.font-lato{font-family:'lato'!important;}

.font-roboto{font-family:'roboto'!important;}

.font-robotomono{font-family:'robotomono'!important;}

.font-itim{font-family:'itim'!important;}

.font-montserrat{font-family:'Montserrat'!important;}

.font-play{font-family:'play'!important}

.font-rubik{font-family:'rubik'!important;}

.font-ave{font-family:'ave'!important;}

.font-eagle{font-family:'eagle'!important;}

.font-racha{font-family:'sriracha'!important;}

.font-sansita{font-family:'sansita'!important;}

.font-silk{font-family:'silk'!important;}

.font-kalam{font-family:'kalam'!important;}

.font-bruno{font-family:'bruno'!important;}

.font-jura{font-family:'jura'!important;}

.font-blackops{font-family:'blackops'!important;}

.font-russo{font-family:'russo'!important;}

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

.font-prompt{font-family:'prompt'!important;}