diff --git a/src/style/content.scss b/src/style/content.scss
index 5499dc73..142d6a2c 100644
--- a/src/style/content.scss
+++ b/src/style/content.scss
@@ -30,6 +30,25 @@
   }
 }
 
+
+// Animation on load
+
+@keyframes smallSlideInFromTop {
+  0% {
+    transform: translateY(-10px);
+    opacity: 0;
+  }
+  100% {
+    transform: translateY(0);
+    opacity: 1;
+  }
+}
+
+.content {
+  animation: smallSlideInFromTop 350ms ease-out;
+}
+
+
 @media screen and (max-width: $mobile-width) {
   $content-mobile: 95%;