*
{
	padding:0;
	margin:0;
	font-family: sans-serif;
	
}
body
{
	background:orange;
	
	

}


.container
{
	text-align:center;
	position: absolute;
	top:50%;
	left:50%;
	transform: translate(-50%,-50%);
}


.container span
{
	
	text-transform:uppercase;
	display:block;
	
}
.text1
{
	color:white;
	font-size:32px;
	font-weight:780;
	letter-spacing:6px;
	margin-bottom:20px;
	background:orange;
	position:relative;
	animation: text 3s 1;
}

.text2
{
	color:white;
	font-size:14px;
	
}
r
{
	color:red;
}
@keyframes text{
	0%{
		color:wheat;
		margin-bottom: -40px;
	}
	30%
	{
	
		letter-spacing:12px;
		margin-bottom:-40px;
	}
	85%
	{
		letter-spacing:6px;
		margin-bottom:-40px;
	}
}