western-world 3.0.607 → 3.0.608

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "western-world",
-  "version": "3.0.607",
+  "version": "3.0.608",
   "description": "",
   "main": "dist/index.js",
   "scripts": {

package/src/scss/cells/famine_and_epidemic.scss

@@ -1,22 +1,141 @@
 .animated {
   .famine_and_epidemic {
-    #main-container {
-      animation-duration: 20s;
-      animation-timing-function: linear;
-      animation-iteration-count: 1;
-      animation-name: famine_and_epidemic_animation;
-      transform-origin: center center;
+    #hand_1,
+    #hand_2,
+    #hand_3,
+    #hand_4,
+    #hand_5,
+    #hand_6,
+    #hand_7,
+    #hand_8 {
+      animation-duration: 1.5s;
+      animation-timing-function: ease-in-out;
+      animation-name: hand_animation;
+      animation-iteration-count: infinite;
+      animation-direction: alternate;
     }
+
+    #background_hand_1,
+    #background_hand_2,
+    #background_hand_3,
+    #background_hand_4,
+    #background_hand_5 {
+      animation-duration: 2s;
+      animation-timing-function: ease-in-out;
+      animation-name: background_hand_animation;
+      animation-iteration-count: infinite;
+      animation-direction: alternate;
+    }
+
+    #skull {
+      animation-duration: 5s;
+      animation-timing-function: ease-in-out;
+      animation-name: skull_animation;
+      animation-iteration-count: infinite;
+      animation-direction: alternate;
+      transform-origin: center 500px;
+    }
+
+    #doctor {
+      animation-duration: 10s;
+      animation-timing-function: ease-in-out;
+      animation-name: doctor_animation;
+      animation-iteration-count: infinite;
+      animation-direction: alternate;
+    }
+
+    #death {
+      animation-duration: 10s;
+      animation-timing-function: ease-in-out;
+      animation-name: death_animation;
+      animation-iteration-count: infinite;
+      animation-direction: alternate;
+    }
+  }
+
+  #hand_1 {
+    animation-delay: -1.2s;
+  }
+  #hand_2 {
+    animation-duration: 1.5s;
+    animation-delay: 0.4s;
+  }
+  #hand_3 {
+    animation-delay: -1.4s;
+  }
+  #hand_4 {
+    animation-duration: 1.7s;
+    animation-delay: -0.8s;
+  }
+  #hand_5 {
+    animation-duration: 1.1s;
+    animation-delay: -0.6s;
+  }
+  #hand_6 {
+    animation-delay: -0.3s;
+  }
+  #hand_7 {
+    animation-duration: 1.6s;
+    animation-delay: -1.1s;
+  }
+  #hand_8 {
+    animation-delay: -1.6s;
+  }
+  
+  #background_hand_1 {
+    animation-delay: -1.6s;
+  }
+  #background_hand_2 {
+    animation-delay: -0.7s;
+  }
+  #background_hand_3 {
+    animation-delay: -1.3s;
+  }
+  #background_hand_4 {
+    animation-delay: -0.3s;
+  }
+  #background_hand_5 {
+    animation-delay: -1.8s;
   }
 }
 
-@keyframes famine_and_epidemic_animation {
+@keyframes hand_animation {
+  100% {
+    translate: 0 300px;
+  }
+}
+
+@keyframes background_hand_animation {
+  100% {
+    translate: 0 140px;
+  }
+}
+
+@keyframes skull_animation {
   0% {
-    scale: 0.9;
-    filter: brightness(50%);
+    scale: 0.7;
   }
   100% {
     scale: 1;
-    filter: brightness(100%);
   }
 }
+
+@keyframes death_animation {
+  0% {
+    translate: -1000px;
+  }
+  100% {
+    translate: 0px;
+  }
+}
+
+@keyframes doctor_animation {
+  0% {
+    translate: 1000px;
+  }
+  100% {
+    translate: 0px;
+  }
+}
+
+