From 9ddfde88105fac5c5cc20117a85caab4af704975 Mon Sep 17 00:00:00 2001
From: Roman Timashev <tmshv@yandex-team.ru>
Date: Sat, 14 Oct 2017 02:52:18 +0300
Subject: [PATCH] [www] Content Animation from Top

---
 src/style/content.scss | 19 +++++++++++++++++++
 1 file changed, 19 insertions(+)

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%;