@font-face{
		font-family:'robotocondensed';
		font-style:normal;
		font-weight:normal;
		src:url('Fonts/RobotoCondensedLight.eot');
		src:local(robotolight),
			url('Fonts/RobotoCondensedLight.eot?#iefix') format('embedded-opentype'),
			url('Fonts/RobotoCondensedLight.woff') format('woff'),
			url('Fonts/RobotoCondensedLight.ttf') format('truetype')
	}
	
	body{background:#c2c6c9;}
	h1{font-family:robotocondensed;font-size:43px;color:#black;}
	
	.button{display:inline-block;padding:4px 11px 8px;border:solid #f4fcfa 1px;background:rgba(255, 255, 255, 0.7);border-radius:4px;cursor:pointer;font-size:20px;font-family:robotocondensed;vertical-align:bottom;transition:0.4s;}
	.button:hover{background:rgba(255, 255, 255, 0.85);transition:0s;}
	.button:active{background:rgba(255, 255, 255, 0.92);}
	
	.avatar{border-radius:50%;padding:2px;border:solid #2c896f 1px;background:#fff;}
	
	.verticalCenter{display:inline-flex;align-items:center;height:100%;}
	
	.boxFlex{display:flex;}
	.oneFlex{flex:1;vertical-align:center;}
	.flexGeneral{flex:2;vertical-align:center;}
	
	@media screen and (max-width: 500px) {
		.flexV500{flex-direction:column;}
	}