div.cloud{
	overflow:hidden;
	width:100%;
}

img#rocket{
	top:500px;
	left:-40px;
	position : absolute;
	-webkit-animation-name: launch;
 	-webkit-animation-iteration-count : 1;
 	-webkit-animation-direction : normal;
 	-webkit-animation-timing-function : linear;
	-webkit-animation-duration : 8s;
	-webkit-animation-delay : 25s;
	z-index:0;
}


@-webkit-keyframes launch{

  from {
   top:500px; left:-40px;
   -webkit-transform: scale(1.0) rotate(48deg);
  }
     
  to { 
   top:-90px; left:920px;
   -webkit-transform: scale(1.0) rotate(48deg);
  }
	
}

@-webkit-keyframes fade
{
    0%   { opacity : 0; }
	10%  { opacity : 1; }
	80%  { opacity : 1; }
    100%  { opacity : 0; }
}

div.cloud img#cloud1{
	top:-100px;
	position : absolute;
 	-webkit-animation-iteration-count : infinite;
 	-webkit-animation-direction : normal;
 	-webkit-animation-timing-function : linear;
	-webkit-animation-name: position1, fade;
	-webkit-transform-origin : 50% -100%;
	-webkit-animation-duration : 30s;
	-webkit-animation-delay : 0s;
	z-index:1;
}

@-webkit-keyframes position1{
	0%   { top : 60px; left : 3%;  }
	100% { top : 60px; left : 55%;  }
}



div.cloud img#cloud2{
	top:-100px;
	position : absolute;
 	-webkit-animation-iteration-count : infinite;
 	-webkit-animation-direction : normal;
 	-webkit-animation-timing-function : linear;
	-webkit-animation-name: position2, fade;
	-webkit-transform-origin : 50% -100%;
	-webkit-animation-duration : 50s;
	-webkit-animation-delay : 0s;
	z-index:1;
}

@-webkit-keyframes position2{
	0%   { top : 220px; left : 10%;  }
	100% { top : 220px; left : 75%;  }
}




div.cloud img#cloud3{
	top:-100px;
	position : absolute;
 	-webkit-animation-iteration-count: infinite;
 	-webkit-animation-direction : normal;
 	-webkit-animation-timing-function : linear;
	-webkit-animation-name: position3, fade;
	-webkit-transform-origin : 50% -100%;
	-webkit-animation-duration : 60s;
	-webkit-animation-delay : 0s;
	z-index:1;
}

@-webkit-keyframes position3{
	0%   { top : 350px; left : 50%;  }
	100% { top : 350px; left : 85%;  }
}




div.cloud img#cloud4{
	top:-100px;
	position : absolute;
 	-webkit-animation-iteration-count: infinite;
 	-webkit-animation-direction : normal;
 	-webkit-animation-timing-function : linear;
	-webkit-animation-name: position4, fade;
	-webkit-transform-origin : 50% -100%;
	-webkit-animation-duration : 40s;
	-webkit-animation-delay : 4s;
	z-index:1;
}

@-webkit-keyframes position4{
	0%   { top : 450px; left : 25%;  }
	100% { top : 450px; left : 55%;  }
}




div.cloud img#cloud5{
	top:-100px;
	position : absolute;
 	-webkit-animation-iteration-count: infinite;
 	-webkit-animation-direction : normal;
 	-webkit-animation-timing-function : linear;
	-webkit-animation-name: position5, fade;
	-webkit-transform-origin : 50% -100%;
	-webkit-animation-duration : 50s;
	-webkit-animation-delay : 10s;
	z-index:1;
}

@-webkit-keyframes position5{
	0%   { top : 250px; left : 5%;  }
	100% { top : 250px; left : 75%;  }
}




div.cloud img#cloud6{
	top:-100px;
	position : absolute;
 	-webkit-animation-iteration-count: infinite;
 	-webkit-animation-direction : normal;
 	-webkit-animation-timing-function : linear;
	-webkit-animation-name: position6, fade;
	-webkit-transform-origin : 50% -100%;
	-webkit-animation-duration : 45s;
	-webkit-animation-delay : 15s;
	z-index:1;
}

@-webkit-keyframes position6{
	0%   { top : 50px; left : 45%;  }
	100% { top : 50px; left : 85%;  }
}



div.cloud img#cloud7{
	top:-100px;
	position : absolute;
 	-webkit-animation-iteration-count: infinite;
 	-webkit-animation-direction : normal;
 	-webkit-animation-timing-function : linear;
	-webkit-animation-name: position7, fade;
	-webkit-transform-origin : 50% -100%;
	-webkit-animation-duration : 45s;
	-webkit-animation-delay :35s;
	z-index:1;
}

@-webkit-keyframes position7{
	0%   { top : 190px; left : 10%;  }
	100% { top : 190px; left : 85%;  }
}




div.cloud img#cloud8{
	top:-100px;
	position : absolute;
 	-webkit-animation-iteration-count: infinite;
 	-webkit-animation-direction : normal;
 	-webkit-animation-timing-function : linear;
	-webkit-animation-name: position8, fade;
	-webkit-transform-origin : 50% -100%;
	-webkit-animation-duration : 75s;
	-webkit-animation-delay : 25s;
	z-index:1;
}

@-webkit-keyframes position8{
	0%   { top : 350px; left : 15%;  }
	100% { top : 350px; left : 85%;  }
}




div.cloud img#cloud9{
	top:-100px;
	position : absolute;
 	-webkit-animation-iteration-count: infinite;
 	-webkit-animation-direction : normal;
 	-webkit-animation-timing-function : linear;
	-webkit-animation-name: position9, fade;
	-webkit-transform-origin : 50% -100%;
	-webkit-animation-duration : 25s;
	-webkit-animation-delay : 0s;
	z-index:1;
}

@-webkit-keyframes position9{
	0%   { top : 150px; left : 65%;  }
	100% { top : 150px; left : 75%;  }
}





div.cloud img#cloud10{
	top:-100px;
	position : absolute;
 	-webkit-animation-iteration-count: infinite;
 	-webkit-animation-direction : normal;
 	-webkit-animation-timing-function : linear;
	-webkit-animation-name: position10, fade;
	-webkit-transform-origin : 50% -100%;
	-webkit-animation-duration : 105s;
	-webkit-animation-delay : 20s;
	z-index:1;
}

@-webkit-keyframes position10{
	0%   { top : 50px; left : 55%;  }
	100% { top : 50px; left : 75%;  }
}





div.cloud img#cloud11{
	top:-100px;
	position : absolute;
 	-webkit-animation-iteration-count: infinite;
 	-webkit-animation-direction : normal;
 	-webkit-animation-timing-function : linear;
	-webkit-animation-name: position11, fade;
	-webkit-transform-origin : 50% -100%;
	-webkit-animation-duration : 85s;
	-webkit-animation-delay : 0s;
	z-index:1;
}

@-webkit-keyframes position11{
	0%   { top : 348px; left : 25%;  }
	100% { top : 348px; left : 75%;  }
}





div.cloud img#cloud12{
	top:-100px;
	position : absolute;
 	-webkit-animation-iteration-count: infinite;
 	-webkit-animation-direction : normal;
 	-webkit-animation-timing-function : linear;
	-webkit-animation-name: position12, fade;
	-webkit-transform-origin : 50% -100%;
	-webkit-animation-duration : 35s;
	-webkit-animation-delay : 40s;
	z-index:1;
}

@-webkit-keyframes position12{
	0%   { top : 200px; left : 55%;  }
	100% { top : 20px; left : 85%;  }
}