body {
 margin-left: 0px;
 margin-top: 0px;
 margin-right: 0px;
 margin-bottom: 0px;
 background-color: #BDC3C7;
 overflow: hidden;
}

.Tuffy16 {
 font-family: tuffy;
 font-size: 16px;
 color: #2C3E50;
 text-shadow: 2px 1px 4px rgba(52, 73, 94, 0.7);
}


.Tuffy27 {
 font-family: tuffy;
 font-size: 27px;
 color: #2C3E50;
 text-shadow: 2px 1px 4px rgba(52, 73, 94, 0.7);
}

@font-face {
 font-family:'tuffy';
 src:url('/fonts/tuffy.eot?') format('eot'),
     url('/fonts/tuffy.otf') format('truetype'),
     url('/fonts/tuffy.woff') format('woff'),
     url('/fonts/tuffy.svg#normal') format('svg');
 font-weight:normal;
 font-style:normal;
}

*{ margin: 0; padding: 0;}

.cloud {
 width: 200px; height: 60px;
 background: #fff;
 border-radius: 200px;
 -moz-border-radius: 200px;
 -webkit-border-radius: 200px;
 position: relative; 
}

.cloud:before, .cloud:after {
 content: '';
 position: absolute; 
 background: #fff;
 width: 100px; height: 80px;
 position: absolute; top: -15px; left: 10px;
	
 border-radius: 100px;
 -moz-border-radius: 100px;
 -webkit-border-radius: 100px;
	
 -webkit-transform: rotate(30deg);
 transform: rotate(30deg);
 -moz-transform: rotate(30deg);
}

.cloud:after {
 width: 120px; height: 120px;
 top: -55px; left: auto; right: 15px;
}

.x1 {
 -webkit-animation: moveclouds 45s linear infinite;
 -moz-animation: moveclouds 45s linear infinite;
 -o-animation: moveclouds 45s linear infinite;
}

.x2 {
 left: 200px;
 -webkit-transform: scale(0.6);
 -moz-transform: scale(0.6);
 transform: scale(0.6);
 opacity: 0.6;
 -webkit-animation: moveclouds 65s linear infinite;
 -moz-animation: moveclouds 65s linear infinite;
 -o-animation: moveclouds 65s linear infinite;
}

.x3 {
 left: -250px; top: -200px;
 -webkit-transform: scale(0.8);
 -moz-transform: scale(0.8);
 transform: scale(0.8);
 opacity: 0.8;
 -webkit-animation: moveclouds 40s linear infinite;
 -moz-animation: moveclouds 40s linear infinite;
 -o-animation: moveclouds 40s linear infinite;
}

.x4 {
left: 470px; top: -250px;
 -webkit-transform: scale(0.75);
 -moz-transform: scale(0.75);
 transform: scale(0.75);
 opacity: 0.75;
 -webkit-animation: moveclouds 38s linear infinite;
 -moz-animation: moveclouds 38s linear infinite;
 -o-animation: moveclouds 38s linear infinite;
}

.x5 {
 left: -150px; top: -150px;
 -webkit-transform: scale(0.8);
 -moz-transform: scale(0.8);
 transform: scale(0.8);
 opacity: 0.8;
 -webkit-animation: moveclouds 29s linear infinite;
 -moz-animation: moveclouds 29s linear infinite;
 -o-animation: moveclouds 29s linear infinite;
}

@-webkit-keyframes moveclouds {
 0% {margin-left: 2000px;}
 100% {margin-left: -2000px;}
}
@-moz-keyframes moveclouds {
 0% {margin-left: 2000px;}
 100% {margin-left: -2000px;}
}
@-o-keyframes moveclouds {
 0% {margin-left: 2000px;}
 100% {margin-left: -2000px;}
}