@-webkit-keyframes starrotation {
	0% {
		-webkit-transform: rotate(0deg);
transform: rotate(0deg);  
	}
	25% {
		-webkit-transform: rotate(90deg);
		-moz-transform: rotate(90deg);  
		-ms-transform: rotate(90deg);  
		-o-transform: rotate(90deg);  
transform: rotate(90deg);  
	}
	100% {
		-webkit-transform: rotate(360deg);
		-moz-transform: rotate(360deg);  
		-ms-transform: rotate(360deg);  
		-o-transform: rotate(360deg);  
transform: rotate(360deg);  
	}
}

@-moz-keyframes starrotation {
	0% {
		-moz-transform: rotate(0deg);  
transform: rotate(0deg);  
	}
	25% {
		-moz-transform: rotate(90deg);  
transform: rotate(90deg);  
	}
	100% {
		-moz-transform: rotate(360deg);  
transform: rotate(360deg);  
	}
}

@-o-keyframes starrotation {
	0% {
		-o-transform: rotate(0deg);  
transform: rotate(0deg);  
	}
	25% {
		-o-transform: rotate(90deg);  
transform: rotate(90deg);  
	}
	100% {
		-o-transform: rotate(360deg);  
transform: rotate(360deg);  
	}
}

@keyframes starrotation {
	0% {
transform: rotate(0deg);  
	}
	25% {
transform: rotate(90deg);  
	}
	100% {
transform: rotate(360deg);  
	}
}

body.open {
height:100%;
		  background-color: #a3d165;
		  text-align: center;
}

body.closed {
background: #f66;
			text-align: center;
}

* {
	font-family: verdana, sans-serif;
}

#wrapper {
margin: auto;
width: 999px;
height:999px;
	   padding-top: 400px;
	   margin-top: -200px;
	   background-image: url(star.png);
	   background-repeat: no-repeat;
animation:starrotation 10s;
	   animation-iteration-count: infinite;
	   animation-timing-function: linear;
	   -moz-animation:starrotation 10s; /* Firefox */
	   -moz-animation-iteration-count: infinite;
	   -moz-animation-timing-function: linear;
	   -webkit-animation:starrotation 10s; /* Safari and Chrome */
	   -webkit-animation-iteration-count: infinite;
	   -webkit-animation-timing-function: linear;
	   -o-animation:starration 10s; /* Opera */
	   -o-animation-iteration-count: infinite;
	   -o-animation-timing-function: linear;

}