[FEATURE] Adapt Menu and Header

preview/html/css/style.css

@@ -27,31 +27,36 @@ body {
     background: rgb(214, 0, 0);
 }
 
-header {
-    z-index: 10;
-    background-color: white;
-    border-bottom: 1px solid #ddd;
-}
-
 body {
     background-color: #F6F6F6;
     color: rgb(31, 31, 31);
 }
 
+header {
+    position:absolute;
+    z-index: 2;
+    width: 100%;
+    transition: all 1.5s;
+    background-color: rgba(255,255,255,0);
+}
+
 .sticky {
     position: fixed;
     top: 0;
-    width: 100%
+    width: 100%;
+    background-color: rgba(255,255,255,0.6);
 }
 
-.sticky+.banner {
-    margin-top: 120px;
-}
+
+
+
 
 .sticky .header-content {
     padding: 20px 0;
 }
 
+
+
 .header-content {
     display: flex;
     flex-direction: column;
@@ -80,11 +85,17 @@ body {
 }
 
 #menu a {
-    color: black;
+    color: white;
     text-decoration: none;
     font-size: 1.4em;
 }
 
+.sticky #menu a {
+    color: black;
+}
+
+
+
 .banner {
     height: calc(100svh - 171px);
     min-height: 600px;