docs

static/css/index.css

@@ -19,7 +19,7 @@
 }
 @keyframes fade-left {
   0% {
-    transform: translateX(-20px);
+    transform: translateX(-10px);
     opacity: 0;
   }
   100% {
@@ -39,6 +39,22 @@
   }
 }
 
+/* Header animation */
+@keyframes fade-up {
+  0% {
+    transform: translateY(-10px);
+    opacity: 0;
+  }
+  100% {
+    transform: translateY(0);
+    opacity: 1;
+  }
+}
+
+header .navbar {
+    animation: fade-up 0.5s ease-in;
+}
+
 /* ToolTip */
 
 .tooltip {
@@ -61,7 +77,7 @@
 }
 
 #hero .content {
-    animation: fade-left 1.2s ease-out;
+    animation: fade-left 1s ease-out;
 }
 
 #hero .hero-bottom-svg {
@@ -94,7 +110,7 @@
 }
 
 #hero .image img {
-    animation: fade-in 1.2s ease-out;
+    animation: fade-in 1s ease-out;
     box-shadow: 0px 8px 56px rgba(15, 80, 100, 0.16);
     transition: box-shadow 0.3s;
     padding: 0;