@font-face { 	
	font-family: 'CalibriLight';
    src: url('../ttf/CalibriL.ttf') format('truetype'); 
}

@font-face { 
	font-family: '712-font';
    src: url('../ttf/712-font.otf') format('opentype'); 
}

:root {
	--main-bg-color: rgba(239, 239, 255, 1.0);
	--main-bgt-color: rgba(239, 239, 255, 0.2);
	--main-bgtro-color: rgba(232, 232, 255, 0.8);
	--main-bd-color: rgba(207, 207, 255, 1.0);
	--main-txt-color: rgba(52, 52, 56, 1.0);
	--main-txtt-color: rgba(52, 52, 52, 0.2);
	--main-cont-color: rgba(239, 112, 0, 1.0);
	--main-io-color: rgba(0, 239, 112, 1.0);
	--main-nio-color: rgba(239, 0, 112, 1.0);
	--main-on-color: rgba(0, 112, 239, 1.0);
	
	--font-default: 'CalibriLight', 'Calibri Light', Arial, Verdana, Helvetica, Sans-Serif;
	
	--transition-fast: all 0.3s ease;
	--transition-slow: all 0.7s. ease;
	
	--shadow_soft: 0px 0px 6px var(--main-on-color);
	--shadow-strong: 0px 11px 11px -12px var(--main-txt-color);
}