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

.spin_dat_bitch{
	margin:0 auto;
	width:648px;
	height:648px;
	float:right;
	 -webkit-animation:spin 200s linear infinite reverse;
    -moz-animation:spin 200s linear infinite reverse;
    animation:spin 200s linear infinite reverse;
}
.spinit{
	margin:0 auto;
	width:648px;
	height:648px;

	 -webkit-animation:spin 100s linear infinite reverse;
    -moz-animation:spin 100s linear infinite reverse;
    animation:spin 100s linear infinite reverse;
}

.ring {
    position: absolute;
    top:0px;
	left:0px;
    width:648px;
	height:648px;	
  
    -webkit-animation:spin 42s linear infinite reverse;
    -moz-animation:spin 42s linear infinite reverse;
    animation:spin 42s linear infinite reverse;
		background: url('http://aptary.com/images/codepen/gears/ring.png');
		background-size:648px 648px;
}

.sun{	
	position:absolute;
	top:0px;
	left:0px;
	width:648px;
	height:648px;
	background: url('../img/sun.png') center center no-repeat;
	-webkit-animation:spin 18s linear infinite;
    -moz-animation:spin 18s linear infinite;
    animation:spin 18s linear infinite;
	background-size:264px 264px;
	
	
}



.sun_shit.yi{
	z-index:0;
	-webkit-animation:spin 10s linear infinite;
    -moz-animation:spin 10s linear infinite;
    animation:spin 10s linear infinite;

}

.sun_shit.er{
	z-index:0;
	-webkit-animation:spin 18s linear infinite;
    -moz-animation:spin 18s linear infinite;
    animation:spin 18s linear infinite;

}

.sun_shit.rev{
	z-index:0;
	-webkit-animation:spin 18s linear infinite reverse;
    -moz-animation:spin 18s linear infinite reverse;
    animation:spin 18s linear infinite reverse;

} 
.sun_shit.san{
	z-index:0;
	-webkit-animation:spin 25s linear infinite;
    -moz-animation:spin 25s linear infinite;
    animation:spin 25s linear infinite;

}

.sun_yayah{
	z-index:0;
	-webkit-animation:spin 10000s linear infinite;
    -moz-animation:spin 100000s linear infinite;
    animation:spin 100000s linear infinite;
	
}

.planets div{
	position: absolute;
	height:196px;
	width:196px;
	
	background: url('../img/planet.png');
	background-size:196px 196px;
	-webkit-animation:spin 12s linear infinite reverse;
    -moz-animation:spin 12s linear infinite reverse;
    animation:spin 12s linear infinite reverse;
	
}
.uno{
	top:344px;
	left:392px;
}
.dos{
	top:26px;
	left:244px;
}
.tres{
	top:312px;
	left:42px;
}

@-moz-keyframes crunch { 0%{  -moz-transform: scale(1.0);} 100% { -moz-transform: scale(2.0); } }
@-webkit-keyframes crunch { 0%{  -webkit-transform: scale(1.0);} 100% { -webkit-transform: scale(2.0); } }
@keyframes crunch { 0% { transform: scale(1.0);} 100% { transform:scale(2.0); } }

@-moz-keyframes spindo { 100% { -moz-transform: rotate(360deg); } }
@-webkit-keyframes spindo { 100% { -webkit-transform: rotate(360deg); } }
@keyframes spindo { 100% { transform:rotate(360deg); } }

.crunch{

	 -webkit-animation:crunch 60s linear infinite;
    -moz-animation:crunch 60s linear infinite;
    animation:crunch 60s linear infinite;
}

.null{
	 -webkit-animation:crunch 0s linear infinite;
    -moz-animation:crunch 0s linear infinite;
    animation:crunch 0s linear infinite;

}

.crunchit{

	 -webkit-animation:spindo 1000s linear infinite;
    -moz-animation:spindo 1000s linear infinite;
    animation:spindo 1000s linear infinite;
}



@-moz-keyframes rise { 0%{ -moz-transform: translate(0,0px);} 100% { -moz-transform: translate(0,-10000px); } }
@-webkit-keyframes rise { 0%{ -webkit-transform: translate(0,0px);} 100% { -webkit-transform: translate(0,-10000px);} }
@keyframes rise { 0% { transform: translate(0, 0px);} 100% {transform:translate(0,-10000px); } }

.rise{

	 
}

.rise.one{

	 -webkit-animation:rise 2000s linear infinite;
    -moz-animation:rise 2000s linear infinite;
    animation:rise 2000s linear infinite;
}

.rise.two{

	 -webkit-animation:rise 1500s linear infinite;
    -moz-animation:rise 1500s linear infinite;
    animation:rise 1500s linear infinite;
}
.rise.three{

	 -webkit-animation:rise 1700s linear infinite;
    -moz-animation:rise 1700s linear infinite;
    animation:rise 1700s linear infinite;
}

.post{
	
	-webkit-animation:rise 1000000s linear infinite;
    -moz-animation:rise 1000000s linear infinite;
    animation:rise 1000000s linear infinite;}