Week 3 code ground and clouds moving

Author: noelking

www/css/style.css

@@ -32,4 +32,35 @@ div.cloud:after {
     top: -55px;
     left: auto;
     right: 15px;
-}
+}
+
+div.c1 {
+	top: 250px;
+	-webkit-animation: moveclouds 15s linear infinite;
+}
+
+@-webkit-keyframes moveclouds {
+	0% {margin-left: 600px;}
+	100% {margin-left: -600px;}
+}
+
+div.ground {
+	background: #8a8360;
+	border-top: 5px solid #007A00;
+	position: absolute;
+	height: 30px;
+	bottom: 0px;
+	width: 100%;
+}	
+
+
+
+
+
+
+
+
+
+
+
+

www/index.html

@@ -14,6 +14,10 @@
             <div class="cloud c1"></div>
         </div>
 
+        <div class="ground">
+        
+        </div>
+        
         <script type="text/javascript" src="cordova.js"></script>
         <script type="text/javascript" src="js/index.js"></script>
         <script type="text/javascript" src="js/jumpy.js"></script>