@charset "UTF-8";


:root{ 
	
	/*-- inter --*/
	--font_inter_extra_bold_28: 		'Inter_28pt-ExtraBold', sans-serif;
	
	/*-- roboto --*/
	--font_roboto_thin: 				'Roboto-Thin', sans-serif;

	/*-- fraunces --*/
	--font_fraunces_super_soft_bold: 	'Fraunces_72pt_SuperSoft-Bold', sans-serif;}



/*--------------*/
/*-- inter --*/
/*--------------*/
@font-face {
	font-family: 	"Inter_28pt-ExtraBold";
	src: 			url("../fonts/inter/Inter_28pt-ExtraBold.ttf");}	



/*--------------*/
/*-- fraunces --*/
/*--------------*/
@font-face {
	font-family: 	"Fraunces_72pt_SuperSoft-Bold";
	src: 			url("../fonts/fraunces/Fraunces_72pt_SuperSoft-Bold.ttf");}	





/*-------------------*/
/*-- roboto fonts --*/
/*-------------------*/	
@font-face {
    font-family: 	"RobotoFlex";
    src: 		 	url("../fonts/roboto/RobotoFlex-VariableFont_GRAD,XOPQ,XTRA,YOPQ,YTAS,YTDE,YTFI,YTLC,YTUC,opsz,slnt,wdth,wght.ttf");} 
@font-face {
   	font-family: 	"Roboto-Thin";
   	src: 			url("../fonts/roboto/Roboto-Thin.ttf");}
@font-face {
   	font-family: 	"Roboto-ThinItalic";
	src: 			url("../fonts/roboto/Roboto-ThinItalic.ttf");}
@font-face {
	font-family: 	"Roboto-Light";
	src: 			url("../fonts/roboto/Roboto-Light.ttf");}
@font-face {
	font-family: 	"Roboto-LightItalic";
	src: 			url("../fonts/roboto/Roboto-LightItalic.ttf");}
@font-face {
	font-family: 	"RobotoCondensed-Light";
	src: 			url("../fonts/roboto/RobotoCondensed-Light.ttf");}
@font-face {
	font-family: 	"RobotoCondensed-LightItalic";
	src: 			url("../fonts/roboto/RobotoCondensed-LightItalic.ttf");}
@font-face {
	font-family: 	"Roboto-Regular";
	src: 			url("../fonts/roboto/Roboto-Regular.ttf");}
@font-face {
	font-family: 	"Roboto-Italic";
	src: 			url("../fonts/roboto/Roboto-Italic.ttf");}
@font-face {
	font-family: 	"RobotoCondensed-Regular";
	src: 			url("../fonts/roboto/RobotoCondensed-Regular.ttf");}
@font-face {
	font-family: 	"RobotoCondensed-Italic";
	src: 			url("../fonts/roboto/RobotoCondensed-Italic.ttf");}
@font-face {
	font-family: 	"Roboto-Medium";
	src: 			url("../fonts/roboto/Roboto-Medium.ttf");}
@font-face {
	font-family: 	"Roboto-MediumItalic";
	src: 			url("../fonts/roboto/Roboto-MediumItalic.ttf");}
@font-face {
    font-family: 	"Roboto-Bold";
    src: 			url("../fonts/roboto/Roboto-Bold.ttf");}
@font-face {
    font-family: 	"Roboto-BoldItalic";
    src: 			url("../fonts/roboto/Roboto-BoldItalic.ttf");}
@font-face {
	font-family: 	"RobotoCondensed-Bold";
	src: 			url("../fonts/roboto/RobotoCondensed-Bold.ttf");}
@font-face {
	font-family: 	"RobotoCondensed-BoldItalic";
	src: 			url("../fonts/roboto/RobotoCondensed-BoldItalic.ttf");}
@font-face {
	font-family: 	"Roboto-Black";
	src: 			url("../fonts/roboto/Roboto-Black.ttf");}
@font-face {
	font-family: 	"Roboto-BlackItalic";
	src: 			url("../fonts/roboto/Roboto-BlackItalic.ttf");}
    
/*-------------------*/
/*-- fraktur fonts --*/
/*-------------------*/	
@font-face {
    font-family: 	"Potsdam";
    src: 			url("../fonts/fraktur/Potsdam.ttf");}

/*-------------------------*/
/*-- music symbols fonts --*/
/*-------------------------*/	
@font-face {
    font-family: 	"music";
	src: 			url("../fonts/music_symbols/font-bottons-music.ttf");}

/*-----------------*/
/*-- pixel fonts --*/
/*-----------------*/
@font-face {
    font-family: 	"Clubland";
    src: 			url("../fonts/pixel_fonts/Clubland.ttf");}  
@font-face {
    font-family: 	'dotfont';
    src: 			url('../fonts/pixel_fonts/dotfont.ttf') format('ttf');}
@font-face {
    font-family: 	"Freon";
    src: 			url("../fonts/pixel_fonts/Freon.ttf");}
@font-face {
    font-family: 	"snapix";
    src: 			url("../fonts/pixel_fonts/snapix.ttf");}
@font-face {
    font-family: 	"Yond";
    src: 			url("../fonts/pixel_fonts/yond.ttf");}