@layer layer-1, layer-2, layer-3, layer-4;
	
	@import url(../plugin/Pixo/css/initialize.css?vn=34) layer(layer-1);
	@import url(../plugin/Fontawesome/css/all.min.css?vn=12) layer(layer-2);
	@import url(../plugin/Flag-icons/css/flag-icons.min.css?vn=12) layer(layer-2);
	@import url(../plugin/Playmo/css/style.css?vn=89) layer(layer-3);
	@import url(../plugin/Animate.css/css/animation.css?vn=56) layer(layer-4);
	
	/* *** *********************************** *** */
	/* ::: ::::::::::::::::::::::::::::::::::: ::: */
	/* *** *********************************** *** */
	
	@font-face{
		font-family: font;
		src: url(../font/Sans-Serif/SegoeUI/SegoeUI-Italic.ttf);
		font-weight: 300;
	}
	@font-face{
		font-family: font;
		src: url(../font/Sans-Serif/SegoeUI/SegoeUI-Regular.ttf);
		font-weight: 300;
	}
	@font-face{
		font-family: font;
		src: url(../font/Sans-Serif/SegoeUI/SegoeUI-Light.ttf);
		font-weight: 100;
	}
	@font-face{
		font-family: font;
		src: url(../font/Sans-Serif/SegoeUI/SegoeUI-SemiLight.ttf);
		font-weight: 200;
	}
	@font-face{
		font-family: font;
		src: url(../font/Sans-Serif/SegoeUI/SegoeUI-BoldItalic.ttf);
		font-weight: 400;
	}
	@font-face{
		font-family: font;
		src: url(../font/Sans-Serif/SegoeUI/SegoeUI-Bold.ttf);
		font-weight: 400;
	}
	
	/* *** *********************************** *** */
	/* ::: ::::::::::::::::::::::::::::::::::: ::: */
	/* *** *********************************** *** */
	
	:root{
		--vn: 1245;
		--bg-color-1: #f1f4f5;
		--bg-color-2: #fff;
		--bg-color-3: #3b3e41;
		
		--txt-color-1: #788f9d;
		--txt-color-2: #484d51;
		--txt-color-3: #61676d;
		
		--accent-color-1: #508bc7;
	}
	
	/* *** *********************************** *** */
	/* ::: ::::::::::::::::::::::::::::::::::: ::: */
	/* *** *********************************** *** */
	
	html{
		container-type: inline-size;
		font-size: 1.2cqi;
	}
	body{
		width: 100%;
		height: 100%;
		min-height: 0px;
		min-width: 0px;
		display: block;
		margin: 0px;
		padding: 0px;
		font-family: font;
		font-weight: 200;
		animation-fill-mode: none;
		overflow-x: hidden;
		overflow-y: auto;
	}
	
	/* *** *********************************** *** */
	/* ::: ::::::::::::::::::::::::::::::::::: ::: */
	/* *** *********************************** *** */
	
	@media only screen and (max-width: 900px){
		html{
			font-size: 15px;
		}
	}
	@media only screen and (max-width: 800px){
		html{
			font-size: 14px;
		}
	}
	@media only screen and (max-width: 700px){
		html{
			font-size: 13px;
		}
	}
	@media only screen and (max-width: 600px){
		html{
			font-size: 12px;
		}
	}
	@media only screen and (max-width: 500px){
		html{
			font-size: 11px;
		}
	}
	@media only screen and (max-width: 400px){
		html{
			font-size: 10px;
		}
	}
	@media only screen and (max-width: 300px){
		html{
			font-size: 9px;
		}
	}