X-Git-Url: http://gitweb.michael.orlitzky.com/?a=blobdiff_plain;f=src%2Findex.html.in;h=ff5410f137a5e1c850d7cc1f7c3706fa3661ad66;hb=afb957f576b1e55cf923436a0c4d5e902b437fc2;hp=6d25d3ee17b4b7e27cf9c053359bef2f903d3929;hpb=df5abc49b8bda78244509b605398a3aae0029a0c;p=charm-bypass.git

diff --git a/src/index.html.in b/src/index.html.in
index 6d25d3e..ff5410f 100644
--- a/src/index.html.in
+++ b/src/index.html.in
@@ -60,28 +60,54 @@
       /************************/
       @keyframes busroll {
 	from {
-	  transform: translate(0%, 0%);
+	  transform: translateX(0%);
 	}
 	to {
-	  transform: translate(100%, 0%);
+	  transform: translateX(100%);
 	}
       }
 
       #bus {
-	animation: busroll 15s linear infinite;
+	animation: busroll 20s linear infinite;
       }
 
       @keyframes tramroll {
 	from {
-	  transform: translate(0%, 0%);
+	  transform: translateX(0%);
 	}
 	to {
-	  transform: translate(100%, 0%);
+	  transform: translateX(100%);
 	}
       }
 
       #tram {
-	animation: tramroll 10s linear infinite;
+	animation: tramroll 15s linear infinite;
+      }
+
+      @keyframes cloudsfloat {
+	from {
+	  transform: translateX(0%);
+	}
+	to {
+	  transform: translateX(-50%);
+	}
+      }
+
+      #clouds {
+	animation: cloudsfloat 40s linear infinite;
+      }
+
+      @keyframes cloudscopyfloat {
+	from {
+	  transform: translateX(0%);
+	}
+	to {
+	  transform: translateX(-50%);
+	}
+      }
+
+      #cloudscopy {
+	animation: cloudscopyfloat 40s linear infinite;
       }
     </style>
   </head>