@font-face {
	font-family: radinFont;
	font-style: normal;
	font-weight: normal;
	src: url('../fonts/eot/web.eot');
	src: url('../fonts/eot/web.eot?#iefix') format('embedded-opentype'),  /* IE6-8 */
		 url('../fonts/woff2/web.woff2') format('woff2'),  /* FF39+,Chrome36+, Opera24+*/
		 url('../fonts/woff/web.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
		 url('../fonts/ttf/web.ttf') format('truetype');
}
body{
	background-color: #8EC5FC;
background-image: linear-gradient(62deg, #8EC5FC 0%, #E0C3FC 100%);
	font-family:radinFont,tahoma;
}
#infoFace {
	 color:red;
}

#outputFace {
	width: auto;
	height: 300px;
	background: black;
	-webkit-transform: scale(-1, 1);
	border-radius: 30px;
}
@media only screen and (max-width: 869px) {
	#outputFace {
		width:80%;
	}
}