dos

Public/static/css/index.css

@@ -126,8 +126,8 @@ body {
   width: 71px;
   width: 71px;
   height: 68px;
   height: 68px;
   left: 100px;
   left: 100px;
-  animation: leaves 4s linear infinite;
-  -webkit-animation: leaves 4s linear infinite;
+  animation: leaves 10s ease infinite;
+  -webkit-animation: leaves 10s ease infinite;
 }
 }
 
 
 .leaves-2 {
 .leaves-2 {
@@ -135,8 +135,8 @@ body {
   width: 56px;
   width: 56px;
   height: 44px;
   height: 44px;
   left: 250px;
   left: 250px;
-  animation: leaves 4s 2s linear infinite;
-  -webkit-animation: leaves 4s 2s linear infinite;
+  animation: leaves 7s 3s ease infinite;
+  -webkit-animation: leaves 7s 3s ease infinite;
 }
 }
 
 
 .leaves-3 {
 .leaves-3 {
@@ -144,8 +144,8 @@ body {
   width: 58px;
   width: 58px;
   height: 37px;
   height: 37px;
   left: 470px;
   left: 470px;
-  animation: leaves 4s 4s linear infinite;
-  -webkit-animation: leaves 4s 4s linear infinite;
+  animation: leaves 8s 5s ease infinite;
+  -webkit-animation: leaves 8s 5s ease infinite;
 }
 }
 
 
 
 
@@ -177,24 +177,33 @@ body {
     transform: translateX(0);
     transform: translateX(0);
   }
   }
 
 
-  10%,
-  30%,
-  50%,
-  70%,
-  90% {
+  10% {
     transform: translateX(50px);
     transform: translateX(50px);
   }
   }
 
 
-  20%,
-  40%,
-  60%,
-  80% {
+  20% {
     transform: translateX(-50px);
     transform: translateX(-50px);
   }
   }
 
 
+  50% {
+    transform: translateX(-80px);
+  }
+
+  58% {
+    transform: translateX(-40px);
+  }
+
+  70% {
+    transform: translateX(40px);
+  }
+
+  90% {
+    transform: translateX(80px);
+  }
+
   100% {
   100% {
     top: 100%;
     top: 100%;
-    transform: translateX(0);
+    transform: translateX(60px);
   }
   }
 }
 }