Flying Rocket by

Web_floh

On: 11 Aug 2016

fullscreen 
<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Rocket - Web_floh</title>
	<link rel="stylesheet" href="rocket.css">
</head>
<body>
	<div class="star star_1 star-sm"></div>
	<div class="star-light star_2 star-lg"></div>
	<div class="star-dark star_3 star-xs"></div>
	<div class="star star_4 star-md"></div>
	<div class="star star_5 star-xs"></div>
	<div class="star star_6 star-xs"></div>
	<div class="star star_7 star-sm"></div>
	<div class="star star_8 star-xs"></div>
	<div class="star star_9 star-md"></div>
	<div class="stripe stripe_1"></div>
	<div class="stripe stripe_2"></div>
	<div class="stripe stripe_3"></div>
	<div class="stripe stripe_4"></div>
	<div class="rocket_image">
		<div class="rocket">
		<div class="rocket_head">
			<div class=rocket_head_shadow></div>
		</div>
		<div class="rocket_head_point"></div>
		<div class="rocket_ring_1"></div>
		<div class="rocket_ring_1_white_shadow_1"></div>
		<div class="rocket_ring_1_white_stripe_1"></div>
		<div class="rocket_ring_2"></div>
		<div class="rocket_ring_2_shadow_black_1"></div>
		<div class="rocket_ring_2_shadow_black_2"></div>
		<div class="rocket_ring_2_shadow_white_3"></div>
		<div class="rocket_ring_3_bg"></div>
		<div class="rocket_ring_3"></div>
		<div class="rocket_ring_3_shadow_black_1"></div>
		<div class="rocket_ring_3_stripe_1"></div>
		<div class="rocket_ring_3_stripe_2"></div>
		<div class="rocket_ring_3_stripe_3"></div>
		<div class="rocket_ring_3_stripe_4"></div>
		<div class="rocket_ring_3_stripe_5"></div>

		<div class="rocket_ring_4"></div>
		<div class="rocket_ring_5_flight_1"></div>
		<div class="rotateable_flight">
			<div class="rocket_ring_5_flight_2"></div>
		</div>
		<div class="rotateable_flight_1">
			<div class="rocket_ring_5_flight_3"></div>
		</div>
		<div class="rocket_ring_6"></div>
		<div class="rocket_ring_end"></div>
		<div class="smoke_1"></div>
		<div class="smoke_2"></div>
		<div class="smoke_3"></div>
		<div class="smoke_4"></div>
		<div class="smoke_5"></div>
		<div class="smoke_6"></div>
	</div>
		

	</div>

	
</body>
</html>

body,html {
    margin: 0;
    padding: 0;
    height: 614px;
    width: 614px;
    background-color: #3a3636;
    position: relative;
    overflow: hidden;
    border-radius: 100%;
    border: 5px solid red;
}

body {
	overflow: visible;
    margin-top: -240px;
  margin-left: -240px;
}

html {

	background-color: #fff;
	border: none;
	transform: scale(0.5);
}

.star {	
	background-color: #fff;
	border-radius: 100%;
	position: absolute;
}

.star-light {	
	background-color: #d0d0d0;
	border-radius: 100%;
	position: absolute;
}

.star-dark {	
	background-color: #848484;
	border-radius: 100%;
	position: absolute;
}

.star_1 {
	top: 20px;
	left: 50px;
}.star_2 {
	top: 200px;
	left: 500px;
}.star_3 {
	top: 500px;
	left: 150px;
}.star_4 {
	top: 700px;
	left: 830px;
}.star_5 {
	top: 70px;
	left: 400px;
}.star_6 {
	top: 250px;
	left: 50px;
}.star_7 {
	top: 20px;
	left: 350px;
}.star_8 {
	top: 50px;
	left: 750px;
}.star_9 {
	top: 100px;
	left: 350px;
}

.star-sm{
	width: 3px;
	height: 3px;
}

.star-xs {
	width: 2px;
	height: 2px;
}

.star-md {
	width: 5px;
	height: 5px;
}

.star-lg {
	width: 7px;
	height: 7px;
}

.stripe {
	width: 2px;
	height: 40px;
	position: absolute;
	background: #fff;
	-webkit-transform: rotate(-55deg);
	    -ms-transform: rotate(-55deg);
	        transform: rotate(-55deg);	
}

.stripe_4 {
	-webkit-animation: stripe4 2s linear 0s infinite;
	        animation: stripe4 2s linear 0s infinite;
}

.stripe_3 {
	-webkit-animation: stripe3 1s linear 0s infinite;
	   -moz-animation: stripe3 1s linear 0s infinite;
	        animation: stripe3 1s linear 0s infinite;
}

.stripe_2 {
	-webkit-animation: stripe2 2s linear 0s infinite;
	        animation: stripe2 2s linear 0s infinite;
}

.stripe_1{

	-webkit-animation: stripe1 4s linear 0s infinite;

	        animation: stripe1 4s linear 0s infinite;
}

.rocket_image {
	width: 500px;
	height: 500px;
	margin: 0 auto;
	margin-top: 50px;
	position: relative;
	-webkit-transition: all 0.1s ease-in-out;
	        transition: all 0.1s ease-in-out;
	-webkit-animation: rocket 2s linear 0s infinite;
	        animation: rocket 2s linear 0s infinite;
}

.rocket_head {
	border-radius: 50%;
	width: 10%;
	height: 10%;
	background-color: #fff;
	position: absolute;
	bottom: 0;
	right:0;
	border: 1px solid #fff;
	-webkit-transform: rotate(30deg);
	    -ms-transform: rotate(30deg);
	        transform: rotate(30deg);
	box-shadow: inset -2px 0px 0px 0px rgba(0,0,0,1);
	z-index: 999997;

}

.rocket_head_point {
	width: 4px;
    height: 4px;
    border-radius: 100%;
    background-color: red;
    position: absolute;
    right: 15px;
    bottom: 15px;
    -webkit-transform: rotate(175deg);
        -ms-transform: rotate(175deg);
            transform: rotate(175deg);
    border: 3px solid #000;
    border-color: #fff;
    z-index: 999999;
}

.rocket_head_shadow {
    border-bottom: 34px solid #000;
    border-left: 2px solid transparent;
    border-right: 2px solid transparent;
    height: 0;
    width: 8px;
    border-top-left-radius: 100%;
    -webkit-transform: rotate(108deg);
        -ms-transform: rotate(108deg);
            transform: rotate(108deg);
    position: absolute;
    top: 3px;
    left: 14px;
    z-index: 999998;
}

.rocket_ring_1 {
    width: 75px;
    height: 75px;
    border-top-left-radius: 70%;
    border-top-right-radius: 70%;
    border-bottom-right-radius: 60%;
    border-bottom-left-radius: 70%;
    background-color: #000;
    position: absolute;
    bottom: -3px;
    right: -3px;
    z-index: 999993;

}

.rocket_ring_1_white_shadow_1 {
    border-bottom: 25px solid #fff;
    border-left: 9px solid transparent;
    border-right: 3px solid transparent;
    height: 0;
    width: 9px;
    position: absolute;
    bottom: 17px;
    right: 51px;

    -webkit-transform: rotate(101deg);

        -ms-transform: rotate(101deg);

            transform: rotate(101deg);
z-index: 999995;
}

.rocket_ring_1_white_stripe_1 {
	width: 19px;
    height: 3px;
    background: #fff;
    position: absolute;
    bottom: 12px;
    right: 48px;
    -webkit-transform: rotate(3deg);
        -ms-transform: rotate(3deg);
            transform: rotate(3deg);
    z-index: 999994;

}

.rocket_ring_2 {
    width: 109px;
    height: 104px;
    border: 2px solid #000;
    border-top-left-radius: 80%;
    border-top-right-radius: 111%;
    border-bottom-right-radius: 60%;
    border-bottom-left-radius: 108%;
    background-color: #fff;
    position: absolute;
    bottom: -3px;
    right: -3px;
    border-left-width: 5px;
    border-top-width: 3px;
    z-index: 999;
}

.rocket_ring_2_shadow_black_1 {
    width: 1px;
    height: 22px;
    border: 4px solid #000;
    border-top-left-radius: 50%;
    border-top-right-radius: 100%;
    border-bottom-right-radius: 100%;
    border-bottom-left-radius: 100%;
    background-color: #fff;
    position: absolute;
    border-top-color: #fff;
    bottom: 81px;
    right: 42px;
    border-right: none;
    -webkit-transform: rotate(122deg);
        -ms-transform: rotate(122deg);
            transform: rotate(122deg);
    z-index: 9999;
}

.rocket_ring_2_shadow_black_2 {
border-bottom: 40px solid #000;
    border-left: 3px solid transparent;
    border-right: 5px solid transparent;
    height: 0;
    width: 13px;
    position: absolute;
    bottom: 54px;
    right: 69px;
    -webkit-transform: rotate(128deg);
        -ms-transform: rotate(128deg);
            transform: rotate(128deg);
    z-index: 9999;
}
.rocket_ring_2_shadow_white_3 {
    border-bottom: 42px solid white;
    border-left: 2px solid transparent;
    border-right: 5px solid transparent;
    height: 0;
    width: 9px;
    position: absolute;
    bottom: 35px;
    right: 100px;
    -webkit-transform: rotate(124deg);
        -ms-transform: rotate(124deg);
            transform: rotate(124deg);
    z-index: 9999;
}

.rocket_ring_3 {
    border-bottom: 213px solid #fff;
    border-left: 18px solid transparent;
    border-right: 37px solid transparent;
    height: 0;
    width: 34px;
    -webkit-transform: rotate(306deg);
        -ms-transform: rotate(306deg);
            transform: rotate(306deg);
    position: absolute;
    bottom: 18px;
    right: 114px;
}
.rocket_ring_3_bg {
	border-bottom: 269px solid black;
    border-left: 50px solid transparent;
    border-right: 27px solid transparent;
    height: 0;
    width: 26px;
    -webkit-transform: rotate(301deg);
        -ms-transform: rotate(301deg);
            transform: rotate(301deg);
    position: absolute;
    bottom: -7px;
    right: 131px;
}


.rocket_ring_3_shadow_black_1 {
    border-bottom: 170px solid #000;
    border-left: 5px solid transparent;
    border-right: 4px solid transparent;
    height: 0;
    width: 14px;
    position: absolute;
    right: 156px;
    bottom: 45px;
    -webkit-transform: rotate(-59deg);
        -ms-transform: rotate(-59deg);
            transform: rotate(-59deg);
}

.rocket_ring_3_stripe_1 {
    width: 2px;
    height: 78px;
    background: #000;
    position: absolute;
    right: 154px;
    bottom: 99px;
    -webkit-transform: rotate(-61deg);
        -ms-transform: rotate(-61deg);
            transform: rotate(-61deg);
}
.rocket_ring_3_stripe_2 {
        width: 2px;
    height: 79px;
    background: #000;
    position: absolute;
    right: 149px;
    bottom: 101px;
    -webkit-transform: rotate(-62deg);
        -ms-transform: rotate(-62deg);
            transform: rotate(-62deg);
}
.rocket_ring_3_stripe_3 {
        width: 2px;
    height: 86px;
    background: #000;
    position: absolute;
    right: 143px;
    bottom: 99px;
    -webkit-transform: rotate(-64deg);
        -ms-transform: rotate(-64deg);
            transform: rotate(-64deg);
}
.rocket_ring_3_stripe_4 {
	width: 2px;
    height: 16px;
    background: #000;
    position: absolute;
    right: 113px;
    bottom: 113px;
    -webkit-transform: rotate(75deg);
        -ms-transform: rotate(75deg);
            transform: rotate(75deg);
}
.rocket_ring_3_stripe_5 {
    width: 2px;
    height: 8px;
    background: #000;
    position: absolute;
    right: 185px;
    bottom: 155px;
    -webkit-transform: rotate(69deg);
        -ms-transform: rotate(69deg);
            transform: rotate(69deg);
}

.rocket_ring_4 {
    height: 40px;
    width: 37px;
    border-radius: 100%;
    border-left: 11px solid #000;
    position: absolute;
    bottom: 145px;
    right: 205px;
    -webkit-transform: rotate(36deg);
        -ms-transform: rotate(36deg);
            transform: rotate(36deg);
    z-index: 9;
}

.rocket_ring_5_flight_1 {
border-bottom: 20px solid red;
    border-left: 13px solid transparent;
    border-right: 5px solid transparent;
    height: 0;
    width: 11px;
    position: absolute;
    bottom: 212px;
    right: 257px;
    -webkit-transform: rotate(25deg);
        -ms-transform: rotate(25deg);
            transform: rotate(25deg);
    z-index: 9;
}
.rocket_ring_5_flight_2 {
    border-bottom: 43px solid #000;
    border-left: 0px solid transparent;
    border-right: 25px solid transparent;
    height: 0;
    width: 17px;
    margin-right: 8px;
    right: 25px;
    top: 6px;
    position: absolute;
    -webkit-transform: skew(49deg);
        -ms-transform: skew(49deg);
            transform: skew(49deg);
    z-index: 9;
}

.rotateable_flight {
	     -webkit-transform: rotate(31deg);
	         -ms-transform: rotate(31deg);
	             transform: rotate(31deg);
    position: absolute;
    bottom: 204px;
    right: 237px;
    height: 40px;
    width: 40px;
    z-index: 9;
}

.rocket_ring_5_flight_3 {
    border-bottom: 40px solid red;
    border-left: 19px solid transparent;
    border-right: 2px solid transparent;
    height: 0;
    width: 27px;
    position: absolute;
    -webkit-transform: skew(-46deg);
        -ms-transform: skew(-46deg);
            transform: skew(-46deg);
    z-index: 9;
}

.rotateable_flight_1 {
	-webkit-transform: rotate(222deg);
	    -ms-transform: rotate(222deg);
	        transform: rotate(222deg);
    position: absolute;
    right: 298px;
    bottom: 171px;
    height: 40px;
    width: 40px;
}

.rocket_ring_6 {
    border-bottom: 55px solid #fff;
    border-left: 8px solid transparent;
    border-right: 11px solid transparent;
    height: 0;
    width: 16px;
    position: absolute;
    right: 247px;
    bottom: 163px;
    -webkit-transform: rotate(-55deg);
        -ms-transform: rotate(-55deg);
            transform: rotate(-55deg);
}
.rocket_ring_end {
border-bottom: 34px solid #000;
    border-left: 8px solid transparent;
    border-right: 7px solid transparent;
    height: 0;
    width: 6px;
    position: absolute;
    right: 293px;
    bottom: 197px;
    -webkit-transform: rotate(-59deg);
        -ms-transform: rotate(-59deg);
            transform: rotate(-59deg);
}

.smoke_1 {
	border-radius: 100%;
	position: absolute;	
	-webkit-transform:rotate(-40deg);	
	    -ms-transform:rotate(-40deg);	
	        transform:rotate(-40deg);
	-webkit-transition: all 0.1s ease;
	        transition: all 0.1s ease;
	
	-webkit-animation: smoke1 0.3s linear 0s infinite;
	
	        animation: smoke1 0.3s linear 0s infinite;
}

.smoke_2 {
	border-radius: 100%;
	position: absolute;	
	-webkit-transform:rotate(-40deg);	
	    -ms-transform:rotate(-40deg);	
	        transform:rotate(-40deg);
	-webkit-transition: all 0.1s ease;
	        transition: all 0.1s ease;
	width: 60px;
	height: 60px;
	-webkit-animation: smoke2 0.5s linear 0s infinite;
	        animation: smoke2 0.5s linear 0s infinite;
}

.smoke_3 {
	border-radius: 100%;
	position: absolute;	
	-webkit-transform:rotate(-40deg);	
	    -ms-transform:rotate(-40deg);	
	        transform:rotate(-40deg);
	-webkit-transition: all 0.1s ease;
	        transition: all 0.1s ease;
	width: 20px;
	height: 20px;
	right: 304px;
	bottom:220px;
	-webkit-animation: smoke3 0.2s linear 0.2s infinite;
	        animation: smoke3 0.2s linear 0.2s infinite;

}

.smoke_4 {
	border-radius: 100%;
	position: absolute;	
	-webkit-transform:rotate(-40deg);	
	    -ms-transform:rotate(-40deg);	
	        transform:rotate(-40deg);
	-webkit-transition: all 0.1s ease;
	        transition: all 0.1s ease;
	width: 13px;
    height: 13px;
    right: 324px;
    bottom: 213px;
	-webkit-animation: smoke3 0.2s linear 0.2s infinite;
	        animation: smoke3 0.2s linear 0.2s infinite;

}

.smoke_5 {
	border-radius: 100%;
	position: absolute;	
	-webkit-transform:rotate(-40deg);	
	    -ms-transform:rotate(-40deg);	
	        transform:rotate(-40deg);
	-webkit-transition: all 0.1s ease;
	        transition: all 0.1s ease;
	-webkit-animation: smoke1 0.9s linear 0s infinite;
	        animation: smoke1 0.9s linear 0s infinite;

}
.smoke_6 {
	border-radius: 100%;
	position: absolute;	
	-webkit-transform:rotate(-40deg);	
	    -ms-transform:rotate(-40deg);	
	        transform:rotate(-40deg);
	-webkit-transition: all 0.1s ease;
	        transition: all 0.1s ease;
	-webkit-animation: smoke1 1.9s linear 0s infinite;
	        animation: smoke1 1.9s linear 0s infinite;

}

@-webkit-keyframes smoke1 {
    0%   {
    	right: 309px;
		bottom:215px;
		opacity: 1;
		filter: alpha(opacity=100);
		width: 50px;
		height: 50px;
		background: #919499; 
		background: -webkit-linear-gradient(top, #919499 0%, #dd842a 64%, #e09979 100%); 
		background: linear-gradient(to bottom,  #919499 0%,#dd842a 64%,#e09979 100%); 
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#919499', endColorstr='#e09979',GradientType=0 );  

    }
    100% {
    	right: 416px;
    	bottom: 286px;
    	width: 5px;
		height: 5px;
		background: #fff2f2; 
		background: -webkit-linear-gradient(top, #fff2f2 0%, #f4ece8 100%); 
		background: linear-gradient(to bottom,  #fff2f2 0%,#f4ece8 100%); 
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff2f2', endColorstr='#f4ece8',GradientType=0 ); 
		opacity: 0; 
		filter: alpha(opacity=0);
    }
    
}

@keyframes smoke1 {
    0%   {
    	right: 309px;
		bottom:215px;
		opacity: 1;
		filter: alpha(opacity=100);
		width: 50px;
		height: 50px;
		background: #919499; 
		background: -webkit-linear-gradient(top, #919499 0%, #dd842a 64%, #e09979 100%); 
		background: linear-gradient(to bottom,  #919499 0%,#dd842a 64%,#e09979 100%); 
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#919499', endColorstr='#e09979',GradientType=0 );  

    }
    100% {
    	right: 416px;
    	bottom: 286px;
    	width: 5px;
		height: 5px;
		background: #fff2f2; 
		background: -webkit-linear-gradient(top, #fff2f2 0%, #f4ece8 100%); 
		background: linear-gradient(to bottom,  #fff2f2 0%,#f4ece8 100%); 
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff2f2', endColorstr='#f4ece8',GradientType=0 ); 
		opacity: 0; 
		filter: alpha(opacity=0);
    }
    
}

@-webkit-keyframes smoke2 {
    0%   {
    	right: 309px;
		bottom:215px;
		opacity: 1;
		filter: alpha(opacity=100);
		width: 50px;
		height: 50px;
		background: #919499; 
		background: -webkit-linear-gradient(top, #919499 0%, #dd842a 64%, #e09979 100%); 
		background: linear-gradient(to bottom,  #919499 0%,#dd842a 64%,#e09979 100%); 
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#919499', endColorstr='#e09979',GradientType=0 );  

    }
    100% {
    	right: 416px;
    	bottom: 286px;
    	width: 5px;
		height: 5px;
		background: #fff2f2; 
		background: -webkit-linear-gradient(top, #fff2f2 0%, #f4ece8 100%); 
		background: linear-gradient(to bottom,  #fff2f2 0%,#f4ece8 100%); 
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff2f2', endColorstr='#f4ece8',GradientType=0 ); 
		opacity: 0; 
		filter: alpha(opacity=0);
    }
    
}

@keyframes smoke2 {
    0%   {
    	right: 309px;
		bottom:215px;
		opacity: 1;
		filter: alpha(opacity=100);
		width: 50px;
		height: 50px;
		background: #919499; 
		background: -webkit-linear-gradient(top, #919499 0%, #dd842a 64%, #e09979 100%); 
		background: linear-gradient(to bottom,  #919499 0%,#dd842a 64%,#e09979 100%); 
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#919499', endColorstr='#e09979',GradientType=0 );  

    }
    100% {
    	right: 416px;
    	bottom: 286px;
    	width: 5px;
		height: 5px;
		background: #fff2f2; 
		background: -webkit-linear-gradient(top, #fff2f2 0%, #f4ece8 100%); 
		background: linear-gradient(to bottom,  #fff2f2 0%,#f4ece8 100%); 
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff2f2', endColorstr='#f4ece8',GradientType=0 ); 
		opacity: 0; 
		filter: alpha(opacity=0);
    }
    
}

@-webkit-keyframes smoke3 {
    0%   {
    	
		opacity: 1;
    	
		filter: alpha(opacity=100);
		width: 50px;
		height: 50px;
		background: #919499; 
		background: -webkit-linear-gradient(top, #919499 0%, #dd842a 64%, #e09979 100%); 
		background: linear-gradient(to bottom,  #919499 0%,#dd842a 64%,#e09979 100%); 
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#919499', endColorstr='#e09979',GradientType=0 );  

    }
    100% {
    	right: 416px;
    	bottom: 286px;
    	width: 5px;
		height: 5px;
		background: #fff2f2; 
		background: -webkit-linear-gradient(top, #fff2f2 0%, #f4ece8 100%); 
		background: linear-gradient(to bottom,  #fff2f2 0%,#f4ece8 100%); 
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff2f2', endColorstr='#f4ece8',GradientType=0 ); 
		opacity: 0; 
		filter: alpha(opacity=0);
    }
    
}

@keyframes smoke3 {
    0%   {
    	
		opacity: 1;
    	
		filter: alpha(opacity=100);
		width: 50px;
		height: 50px;
		background: #919499; 
		background: -webkit-linear-gradient(top, #919499 0%, #dd842a 64%, #e09979 100%); 
		background: linear-gradient(to bottom,  #919499 0%,#dd842a 64%,#e09979 100%); 
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#919499', endColorstr='#e09979',GradientType=0 );  

    }
    100% {
    	right: 416px;
    	bottom: 286px;
    	width: 5px;
		height: 5px;
		background: #fff2f2; 
		background: -webkit-linear-gradient(top, #fff2f2 0%, #f4ece8 100%); 
		background: linear-gradient(to bottom,  #fff2f2 0%,#f4ece8 100%); 
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff2f2', endColorstr='#f4ece8',GradientType=0 ); 
		opacity: 0; 
		filter: alpha(opacity=0);
    }
    
}

@-webkit-keyframes stripe1 {
	0%{
		bottom: -50px;
		right: -50px;
	}
	100% {
		bottom: 2000px;
		right: 2500px;
	}
}

@keyframes stripe1 {
	0%{
		bottom: -50px;
		right: -50px;
	}
	100% {
		bottom: 2000px;
		right: 2500px;
	}
}

@-webkit-keyframes stripe2 {
	0%{
		bottom: -350px;
		right: -50px;
	}
	100% {
		bottom: 1800px;
		right: 2500px;
	}
}

@keyframes stripe2 {
	0%{
		bottom: -350px;
		right: -50px;
	}
	100% {
		bottom: 1800px;
		right: 2500px;
	}
}

@-webkit-keyframes stripe3 {
	0%{
		bottom: -50px;
		right: -150px;
	}
	100% {
		bottom: 2000px;
		right: 2500px;
	}
}

@keyframes stripe3 {
	0%{
		bottom: -50px;
		right: -150px;
	}
	100% {
		bottom: 2000px;
		right: 2500px;
	}
}


@-webkit-keyframes stripe4 {
	0%{
		bottom: -800px;
		right: -150px;
	}
	100% {
		bottom: 2000px;
		right: 2500px;
	}
}


@keyframes stripe4 {
	0%{
		bottom: -800px;
		right: -150px;
	}
	100% {
		bottom: 2000px;
		right: 2500px;
	}
}

@-webkit-keyframes rocket {
    0%   {
		-webkit-transform: translate(0px, 10px);
		        transform: translate(0px, 10px);
    }
    10%   {
		-webkit-transform: translate(5px, 9px);
		        transform: translate(5px, 9px);
    }
    20%   {
		-webkit-transform: translate(-5px,-3px);
		        transform: translate(-5px,-3px);
    }
    30%   {
		-webkit-transform: translate(0px,5px);
		        transform: translate(0px,5px);
    }
    40%   {
		-webkit-transform: translate(-3px,4px);
		        transform: translate(-3px,4px);
    }
    55%   {
		-webkit-transform: translate(-5px,-3px);
		        transform: translate(-5px,-3px);
    }
    60%   {
		-webkit-transform: translate(-7px,-5px);
		        transform: translate(-7px,-5px);
    }
    70%   {
		-webkit-transform: translate(10px,-3px);
		        transform: translate(10px,-3px);
    }
    80%   {
		-webkit-transform: translate(0px,5px);
		        transform: translate(0px,5px);
    }
    90%   {
		-webkit-transform: translate(7px,7px);
		        transform: translate(7px,7px);
    }
    100% {
		-webkit-transform: translate(5px, 7px);
		        transform: translate(5px, 7px);
    }
    
}

@keyframes rocket {
    0%   {
		-webkit-transform: translate(0px, 10px);
		        transform: translate(0px, 10px);
    }
    10%   {
		-webkit-transform: translate(5px, 9px);
		        transform: translate(5px, 9px);
    }
    20%   {
		-webkit-transform: translate(-5px,-3px);
		        transform: translate(-5px,-3px);
    }
    30%   {
		-webkit-transform: translate(0px,5px);
		        transform: translate(0px,5px);
    }
    40%   {
		-webkit-transform: translate(-3px,4px);
		        transform: translate(-3px,4px);
    }
    55%   {
		-webkit-transform: translate(-5px,-3px);
		        transform: translate(-5px,-3px);
    }
    60%   {
		-webkit-transform: translate(-7px,-5px);
		        transform: translate(-7px,-5px);
    }
    70%   {
		-webkit-transform: translate(10px,-3px);
		        transform: translate(10px,-3px);
    }
    80%   {
		-webkit-transform: translate(0px,5px);
		        transform: translate(0px,5px);
    }
    90%   {
		-webkit-transform: translate(7px,7px);
		        transform: translate(7px,7px);
    }
    100% {
		-webkit-transform: translate(5px, 7px);
		        transform: translate(5px, 7px);
    }
    
}

30