diff --git a/style/helpers.scss b/style/helpers.scss
index 4e6dfa6472f42fcfa6a01dc1f104a14cc0028c49..53b9dc1e1f5290ad84f03bb2e9bef2ac69856dd1 100644
--- a/style/helpers.scss
+++ b/style/helpers.scss
@@ -42,7 +42,7 @@
 @mixin animation-fill-mode($args...) {
   -webkit-animation-fill-mode: $args;
   -moz-animation-fill-mode: $args;
-  animation: $args;
+  animation-fill-mode: $args;
 }
 
 @mixin transform($args...) {
diff --git a/style/main.css b/style/main.css
index 7bb376a29be217bcb3d2a88e5f794219d0b37499..1c1d06c485c014d0990ae65ee6983cdc8e369894 100644
--- a/style/main.css
+++ b/style/main.css
@@ -90,7 +90,7 @@ h1.title {
     animation: move-up 600ms ease-in;
     -webkit-animation-fill-mode: both;
     -moz-animation-fill-mode: both;
-    animation: both; }
+    animation-fill-mode: both; }
 
 .score-container:after {
   content: "Score"; }
@@ -173,7 +173,7 @@ hr {
     animation: fade-in 800ms ease 1200ms;
     -webkit-animation-fill-mode: both;
     -moz-animation-fill-mode: both;
-    animation: both; }
+    animation-fill-mode: both; }
     .game-container .game-message p {
       font-size: 60px;
       font-weight: bold;
@@ -414,7 +414,7 @@ hr {
   animation: appear 200ms ease 100ms;
   -webkit-animation-fill-mode: backwards;
   -moz-animation-fill-mode: backwards;
-  animation: backwards; }
+  animation-fill-mode: backwards; }
 
 @-webkit-keyframes pop {
   0% {
@@ -471,7 +471,7 @@ hr {
   animation: pop 200ms ease 100ms;
   -webkit-animation-fill-mode: backwards;
   -moz-animation-fill-mode: backwards;
-  animation: backwards; }
+  animation-fill-mode: backwards; }
 
 .game-intro {
   margin-bottom: 0; }
@@ -533,7 +533,7 @@ hr {
       animation: fade-in 800ms ease 1200ms;
       -webkit-animation-fill-mode: both;
       -moz-animation-fill-mode: both;
-      animation: both; }
+      animation-fill-mode: both; }
       .game-container .game-message p {
         font-size: 60px;
         font-weight: bold;