diff --git a/src/assets/scss/animation.scss b/src/assets/scss/animation.scss
index dbba237..7cadcfa 100644
--- a/src/assets/scss/animation.scss
+++ b/src/assets/scss/animation.scss
@@ -37,12 +37,47 @@
   }
 }
 
-@-o-keyframes fadein {
-  /* Opera */
+.fade-left {
+  margin-top: 25px;
+  font-size: 21px;
+  text-align: center;
+  animation: fadeleft 1s;
+  -moz-animation: fadeleft 1s; /* Firefox */
+  -webkit-animation: fadeleft 1s; /* Safari and Chrome */
+  -o-animation: fadeleft 1s; /* Opera */
+}
+
+@keyframes fadeleft {
+  from {
+    opacity: 0;
+    transform: translateX(-20px);
+  }
+  to {
+    opacity: 1;
+    transform: translateX(0);
+  }
+}
+
+@-moz-keyframes fadeleft {
+  /* Firefox */
+  from {
+    opacity: 0;
+    -moz-transform: translateX(-20px);
+  }
+  to {
+    opacity: 1;
+    -moz-transform: translateX(0);
+  }
+}
+
+@-webkit-keyframes fadeleft {
+  /* Safari and Chrome */
   from {
     opacity: 0;
+    -webkit-transform: translateX(-20px);
   }
   to {
     opacity: 1;
+    -webkit-transform: translateX(0);
   }
 }