.sky {
	height: 100%;
	background: #007fd5;
	position: relative;
	overflow: hidden;
	-webkit-animation: sky_background 50s ease-out infinite;
	-moz-animation: sky_background 50s ease-out infinite;
	-o-animation: sky_background 50s ease-out infinite;
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0)
}

.moon {
	background: url("images/air.png") no-repeat;
	position: absolute;
	left: 350px;
	height: 100%;
	width: 300%;
	z-index: 2;
	-webkit-animation: moon 50s linear infinite;
	-moz-animation: moon 50s linear infinite;
	-o-animation: moon 50s linear infinite;
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0)
}

.clouds_one {
	background: url("images/cloud_one.png") repeat-x;
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 300%;
	
	-webkit-animation: cloud_one 50s linear infinite;
	-moz-animation: cloud_one 50s linear infinite;
	-o-animation: cloud_one 50s linear infinite;
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0)
}

.clouds_two {
	background: url("images/cloud_two.png") repeat-x;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 3;
	height: 100%;
	width: 300%;
	-webkit-animation: cloud_two 75s linear infinite;
	-moz-animation: cloud_two 75s linear infinite;
	-o-animation: cloud_two 75s linear infinite;
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0)
}

.clouds_three {
	background: url("images/cloud_three.png") repeat-x;
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 300%;
	-webkit-animation: cloud_three 100s linear infinite;
	-moz-animation: cloud_three 100s linear infinite;
	-o-animation: cloud_three 100s linear infinite;
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0)
}

@-webkit-keyframes sky_background {
	0% {
		background: #007fd5;
		color: #007fd5
	}
	50% {
		background: #136DAE;
		color: #a3d9ff
	}
	100% {
		background: #007fd5;
		color: #007fd5
	}
}

@-webkit-keyframes moon {
	0% {
		left: 350px;
		bottom: 50px;
		-moz-transform: scale(0.5);
		-webkit-transform: scale(0.5);
	}
	100% {
		left: -100%;
		bottom: 50px;
		-moz-transform: scale(0.5);
		-webkit-transform: scale(0.5);
	}
}

@-webkit-keyframes cloud_one {
	0% {
		left: 0;
	}
	100% {
		left: -100%
	}
}

@-webkit-keyframes cloud_two {
	0% {
		left: 0;
	}
	100% {
		left: -100%
	}
}

@-webkit-keyframes cloud_three {
	0% {
		left: 0;
	}
	100% {
		left: -100%
	}
}

@-moz-keyframes sky_background {
	0% {
		background: #007fd5;
		color: #007fd5
	}
	50% {
		background: #136DAE;
		color: #a3d9ff
	}
	100% {
		background: #007fd5;
		color: #007fd5
	}
}

@-moz-keyframes moon {
	0% {
		left: 350px;
		bottom: 50px;
		-moz-transform: scale(0.5);
		-webkit-transform: scale(0.5);
	}
	100% {
		left: -100%;
		bottom: 50px;
		-moz-transform: scale(0.5);
		-webkit-transform: scale(0.5);
	}
}

@-moz-keyframes cloud_one {
	0% {
		left: 0
	}
	100% {
		left: -200%
	}
}

@-moz-keyframes cloud_two {
	0% {
		left: 0
	}
	100% {
		left: -200%
	}
}

@-moz-keyframes cloud_three {
	0% {
		left: 0
	}
	100% {
		left: -200%
	}
}

.rules {
  list-style-type: none;
  margin: 0;
  padding: 0;
}