anima4.css

body
{
    margin: 0px;
    padding: 0px;
	background-image:url(hu.jpg);
	background-repeat: no-repeat;
     background-size: cover;
	height: 10vh;
}
div
{
	position: relative;
	margin-top: 400px;
	margin-left: 120px;
	height: 10vh;
	width: 120vh;
	
}
video
{
height: 65vh;
	width: 170vh;
	object-fit: contain;
	margin-top: 0px;
	position: relative;
}
ul
{
    
	margin:0;
	padding:0;
	position:absolute;
	top: 20%;
	left: 24%;
	width:100%;
	text-align:justify;
	color:#fff;
	font-size: 5em;
	letter-spacing:0.2em;
	font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;	
}
li
{	
	opacity:0;
	display: inline-block;
	animation:animat .7s linear forwards;
}
@keyframes animat
{
	0%
	{
		opacity: 0;
		transform:rotateY(90deg);
		filter: blur(9px);		
	}	
	100%
	{
		opacity: 1;
		transform:rotateY(0deg);
		filter: blur(0);	
	}
	
}
li:nth-child(1)
{
	animation-delay: 1.3s;
}

li:nth-child(2)
{
	animation-delay: 1.7s;
}
li:nth-child(3)
{
	animation-delay: 2.2s;
}

li:nth-child(4)
{
	animation-delay: 2.7s;
}

li:nth-child(5)
{
	animation-delay: 3.2s;
}

li:nth-child(6)
{
	animation-delay: 3.7s;
}
li:nth-child(7)
{
	animation-delay: 4.2s;
}