first draft of gradient+trame background

src/assets/main.scss

@@ -14,7 +14,7 @@ body{
 }
 
 #app>header#header{
-  background-color: $front;
+  // background-color: $front;
   .row{
     display: flex;
     flex-direction: row;
@@ -26,10 +26,41 @@ body{
         font-family: "snap-it";
       }
     }
-    &.bottom{
-      padding:1em 0;
+    // &.bottom{
+    //   padding:1em 0;
 
+    // }
+  }
+
+}
+
+#main-content{
+
+  #map-backgrounds{
+    .map-bg-canvas{
+      mix-blend-mode: multiply;
     }
   }
 
-}
+  #map-concernements{
+
+  }
+
+  #map-nav{
+    ul{
+      display: flex;
+      flex-flow: row;
+      gap: 1em;
+      li{
+        list-style: none;
+        a{
+          @include btn();
+        }
+      }
+    }
+  }
+
+  #content{
+
+  }
+}