fixed header styles

src/static/sass/layout/_navigation.scss

@@ -1,4 +1,3 @@
-
 .navigation {
   background-color: transparent;
   z-index: 100;
@@ -8,7 +7,8 @@
   height: 6.7rem;
   transition-timing-function: ease-in;
   transition: all 1s;
-
+  top: 0;
+  padding-bottom: 1.5rem;
 
   &.black {
     background-color: $color-background;
@@ -27,7 +27,7 @@
     }
 
     a:first-child {
-         padding-left: .2%;
+      padding-left: 0.2%;
       color: $color-red;
       font-size: 4rem;
     }
@@ -42,7 +42,6 @@
       @include responsive(phone) {
         display: none;
       }
-
     }
 
     &--userLogo {
@@ -52,7 +51,7 @@
       background-color: rgb(201, 199, 78);
       height: 3rem;
       width: 3rem;
-         margin-right: .5rem;
+      margin-right: 0.5rem;
 
       @include responsive(tab_port) {
         margin-right: 3rem;
@@ -63,8 +62,7 @@
       }
 
       &:hover > .dropdownContent {
-            
+        transition: all 0.4s;
-            transition: all .4s;
         opacity: 1;
         visibility: visible;
       }
@@ -80,7 +78,6 @@
       @include responsive(tab_port) {
         display: none;
       }
-
     }
 
     &--downArrow-2 {
@@ -99,7 +96,6 @@
       @include responsive(phone) {
         display: none;
       }
-
     }
 
     &--logo {
@@ -108,9 +104,8 @@
       padding-right: 1rem;
 
       @include responsive(tab_port) {
-            padding-right: .1rem;
+        padding-right: 0.1rem;
       }
-        
     }
 
     &-link {
@@ -119,7 +114,7 @@
       color: rgb(221, 221, 221);
       text-decoration: none;
       margin-right: 2rem;
-         transition: all .2s; 
+      transition: all 0.2s;
 
       &:last-child {
         padding-right: 2.6rem;
@@ -128,7 +123,6 @@
       &:hover {
         color: rgb(167, 167, 167);
       }
-        
     }
 
     &--left {
@@ -148,7 +142,7 @@
         padding-right: 2rem;
         background: $color-background;
         border: 1px solid #fff;
-            transition: width .5s;
+        transition: width 0.5s;
         cursor: pointer;
         opacity: 0;
 
@@ -165,7 +159,6 @@
       }
     }
   }
-
 }
 
 .logo {
@@ -175,23 +168,21 @@
   cursor: pointer;
 }
 
-
-
 .dropdownContent {
   display: flex;
   flex-direction: column;
   //   align-items: center;
   opacity: 0;
 
-   color: #FFF;
+  color: #fff;
-   transition-delay: .5s;
+  transition-delay: 0.5s;
   padding-left: 1rem;
   padding-top: 1.8rem;
   visibility: hidden;
   height: 19rem;
   border: 1px solid rgb(73, 73, 73);
   width: 15rem;
-   background-color: rgba(#000, .9);
+  background-color: rgba(#000, 0.9);
   transform: translateY(4.6rem) translateX(-11rem);
 
   &--2 {
@@ -239,17 +230,15 @@
       }
     }
   }
-
 }
 
 .dropdownContainer {
-   
   height: 100%;
   justify-content: center;
   align-content: center;
 
   &:hover .dropdownContent {
-      transition: all .4s;
+    transition: all 0.4s;
     opacity: 1;
     visibility: visible;
   }
@@ -260,5 +249,4 @@
   @include responsive(tab_port) {
     display: none;
   }
-   
 }