feat:sticky header

public/style/style.css

@@ -97,6 +97,11 @@ main .image-carousel .carousel-bullets .bullet.active {
 }
 main header {
   width: 100%;
+  background-color: white;
+  position: sticky;
+  position: -webkit-sticky;
+  top: 0;
+  z-index: 10;
 }
 main header nav {
   display: flex;

src/style.scss

@@ -98,6 +98,11 @@ main {
 
     header {
         width: 100%;
+        background-color: white;
+        position: sticky;
+        position: -webkit-sticky;
+        top: 0;
+        z-index: 10;
         nav {
             display: flex;
             align-items: center;