Update timer/style.css

timer/style.css

@@ -141,6 +141,26 @@ body {
     }
 }
 
+@-webkit-keyframes finished-fill {
+    0% {
+        x: -3%;
+    }
+
+    100% {
+        x: -3%;
+    }
+}
+
+@keyframes finished-fill {
+    0% {
+        x: -3%;
+    }
+
+    100% {
+        x: -3%;
+    }
+}
+
 @-webkit-keyframes progress-fill {
     0% {
         x: -100%;
@@ -179,6 +199,23 @@ body {
     }
 }
 
+@-webkit-keyframes finished {
+    0% {
+        transform: translateX(520px);
+    }
+    100% {
+        transform: translateX(520px);
+    }
+}
+
+@keyframes finished {
+    0% {
+        transform: translateX(520px);
+    }
+    100% {
+        transform: translateX(520px);
+    }
+}
 
 @-webkit-keyframes walk {
     0% {
@@ -424,6 +461,42 @@ body {
 
 /* Flames */
 
+@-webkit-keyframes idle-flames {
+    0% {
+        opacity: 0;
+    }
+    100% {
+        opacity: 0;
+    }
+}
+
+@keyframes idle-flames {
+    0% {
+        opacity: 0;
+    }
+    100% {
+        opacity: 0;
+    }
+}
+
+@-webkit-keyframes finished-flames {
+    0% {
+        opacity: 0;
+    }
+    100% {
+        opacity: 0;
+    }
+}
+
+@keyframes finished-flames {
+    0% {
+        opacity: 0;
+    }
+    100% {
+        opacity: 0;
+    }
+}
+
 /* @keyframes show-flames {
     0% {
         transform:  translateY(0);