@charset "UTF-8";

/* =============================================
CSS information
 file name  :  animation.css
 style info :  aura contents Desining
============================================= */

.tiny-stars {
    position:fixed;
    top:-100px;
    left: 50%;
    margin-left: -464px;
    z-index:-1;
    -webkit-animation: spin 40s infinite linear;
    -moz-animation: spin 40s infinite linear;
    -o-animation: spin 40s infinite linear;
    -ms-animation: spin 40s infinite linear;
    animation: spin 40s infinite linear;
}
.middle-stars {
	position:fixed;
    margin-left: -448px;
     -webkit-animation: spin 30s infinite linear;
    -moz-animation: spin 30s infinite linear;
    -o-animation: spin 30s infinite linear;
    -ms-animation: spin 30s infinite linear;
    animation: spin 30s infinite linear;
    z-index:-1;
}

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