fix: smooth transition

Author: byron-okta

stylus/website/index.styl

@@ -126,7 +126,7 @@ body {
 
   &.top-banner-open {
     margin-top: 5px;
-    transition: all 0.2s linear;
+    transition: all 0.4s linear;
 
     +breakpoint('tablet') {
       margin-top: 48px;
@@ -1848,13 +1848,14 @@ footer {
   width: 100%;
   height: 48px;
   z-index: 100;
+  transition: all 0.4s linear;
 
   &.closed {
     visibility: hidden;
     height: 0;
     opacity: 0;
     padding: 0;
-    transition: all 0.1s linear;
+    transition: all 0.4s linear;
   }
 }
 
@@ -1875,13 +1876,14 @@ footer {
   left: 0;
   right: 0;
   overflow: hidden;
+  transition: all 0.4s linear;
 
   &.closed {
     visibility: hidden;
     height: 0;
     opacity: 0;
     padding: 0;
-    transition: all 0.2s linear;
+    transition: all 0.4s linear;
   }
 
   .top-banner-container {
@@ -1947,6 +1949,6 @@ footer {
 
   &.hide {
     height: 0;
-    transition: all 0.2s linear;
+    transition: all 0.4s linear;
   }
 }