div{
	width:1000px;
	height:50px;
	background-color:blue;
	animation:sample 10s infinite;
	-webkit-animation:sample 10s infinite;
}
@-webkit-keyframes sample{

0%{background-color:blue;}
20%{background-color:violet;} 
40%{background-color:red;}
60%{background-color:pink;}
80%{background-color:orange;}	
100%{background-color:green;}

}

body{
	-webkit-animation:jm 10s infinite;
	background-color:black;
}

@-webkit-keyframes jm{

	0%{background-color:black;}
	20%{background-color:green;} 
	40%{background-color:pink;}
	60%{background-color:red;}
	80%{background-color:blue;}	
	100%{background-color:violet;}
}

#one{
width:200px;
height:200px;
Background-color:red;
-webkit-border-radius:600px;
-webkit-box-shadow:10px 10px 20px black;
position:absolute;
top:100;	
left:300;
font-size:150pt;}
#two{
width:200px;
height:100px;
Background-color:green;
-webkit-border-radius:30px;
-webkit-box-shadow:10px 10px 20px black;
position:absolute;
top:100;
left:600;
font-size:30pt;}
#three{
width:5px;
height:400px;
background-color:blue;
position:absolute;
top:300;
left:400;}
#bodys{
width:10px;
height:190px;
-webkit-transform:skew(30deg);
background-color:black;
position:absolute;
top:410;
left:460;}
#five{
width:10px;
height:150px;
-webkit-transform:skew(30deg);
background-color:black;
position:absolute;
top:650;
left:440;}
#six{
width:10px;
height:200px;
-webkit-transform:rotate(30deg);
background-color:black;
position:absolute;
top:400;
left:340;}
#seven{
width:10px;
height:150px;
-webkit-transform:rotate(30deg);
background-color:black;
position:absolute;
top:650;
left:360;}