body
{
	margin: 0;
	padding: 0;
	background: #07CFFF;	
	font-family: "Molot", sans-serif;
}

.middle
{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.text
{
	color: #fff;
	text-transform: uppercase;
	/* font-size: 8vw; */
	text-align: center;
	/* letter-spacing: 1vw;  */

	/* opacity: 0; */
	animation-delay: -0.1s;
	animation: fadeIn 1s;
} 

@keyframes fadeIn 
{
	0% { opacity: 0; }
	10% { opacity: 0.1; }
	20% { opacity: 0.2; }
	30% { opacity: 0.3; }
	40% { opacity: 0.4; }
	50% { opacity: 0.5; }
	60% { opacity: 0.6; }
	70% { opacity: 0.7; }
	80% { opacity: 0.8; }
	90% { opacity: 0.9; }
	100% { opacity: 1; }
}

@media screen and (max-width: 1000px) 
{
	.text{
		font-size: 8vw;
		letter-spacing: 1vw; 
	} 
}

@media screen and (min-width: 1001px) 
{
	.text{
		font-size: 80px;
		letter-spacing: 14px;
	} 
}