body{margin:0;}
#rotating-section{ 
				
				background:#ffffff  top center no-repeat fixed;
		        height: 100%;
				overflow:hidden;
				}
.rect1,.rect2,.rect3,.rect4{
		position:absolute;
		width:100px;
		height:100px;
		bottom:-150px;
		background:none;
	    border: solid medium red;
		-webkit-animation: mymove2 4s linear infinite;
}

.rect1{left:50%;}
.rect2{left:10%;-webkit-animation-delay:0.3s;}
.rect3{left:25%;-webkit-animation-delay:2s;}
.rect4{left:85%;-webkit-animation-delay:1s;}


.rect5,.rect6,.rect7,.rect8{
		position:absolute;
		width:50px;
		height:50px;
		background:none;
	     border: solid medium green;
		bottom:-150px;
		-webkit-animation: mymove2 3s linear infinite;	
}
.rect6{
	 border: solid medium orange;
}
.rect7{
	 background-color: black;
	 border:none;
}
.rect8{
	 border: solid medium orange;
}

.rect5{left:0%;}
.rect6{left:15%;-webkit-animation-delay:2.2s;}
.rect7{left:45%;-webkit-animation-delay:0.8s;}
.rect8{left:77%;-webkit-animation-delay:1.4s;}


.rect9,.rect10{
		position:absolute;
		width:300px;
		height:300px;
		background:none;
	    border: solid medium green;
		bottom:-250px;
		border-radius:50%;
		-webkit-animation: mymove3 5s linear infinite;	
}
.rect9_1{
	bottom: -10px!important;
}
.rect9{left:3%;}
.rect10{left:95%;-webkit-animation-delay:0s;}
.rect9.1{-webkit-animation-delay:3s;}
.rect13,.rect14{
		position:absolute;
		width:0px;
		height:0px;
		border:solid 40px transparent;
		border-bottom:solid 40px #fff;
		bottom:-150px;
		-webkit-animation: mymove4 4s linear infinite;
}


.rect13{left:45%;border-bottom:solid 65px red;-webkit-animation-delay:0.6s;}
.rect14{left:72%;border-bottom:solid 120px red;-webkit-animation:mymove5 6s liner infinte;-webkit-animation-delay:1s;}


.rect11,.rect12{
		position:absolute;
		width:0px;
		height:0px;
		border:solid 40px transparent;
		border-bottom:solid 40px blue;
		bottom:-150px;
		-webkit-animation: mymove5 4s linear infinite;
}

.rect11{left:30%;}
.rect12{left:65%;border-bottom:solid 60px green;-webkit-animation-delay:1.3s;}

.rect15{
		position:absolute;
		width:300px;
		height:300px;
		background:black;
		bottom:-400px;
		-webkit-animation: mymove3 6s linear infinite;
}

.rect15{left:55%;}


.rect17{
		position:absolute;
		width:150px;
		height:150px;
		background:none;
	    border: solid medium red;
		bottom:-400px;
	}

@-webkit-keyframes mymove2{
	
	0%{	transform:rortate(0deg);opacity:1;}
	100%{transform:rotate(30deg);opacity:0;bottom:340px;}
	}

@-webkit-keyframes mymove3{
	
	0%{	transform:rortate(0deg);opacity:1;}
	100%{transform:rotate(80deg);opacity:0;bottom:540px;}
	}

@-webkit-keyframes mymove4{	
	0%{	transform:rortate(0deg);opacity:1;}
	100%{transform:rotate(900deg);opacity:0;bottom:540px;}
	}

@-webkit-keyframes mymove5{	
	0%{	opacity:1;}
	100%{opacity:0;bottom:540px;}
	}