started map: drawing concernement with entities and contours

src/assets/main.scss

@@ -1,23 +1,35 @@
 // @import './node_modules/@mdi/font/scss/materialdesignicons.scss';
 @import "./base.scss";
+@import "./colors.scss";
+@import "./common.scss";
 @import "./layout.scss";
 @import "./fonts/snap_it/snap_it.css";
 
+body{
+  background-color: $back;
+}
 
 #app{
 
 }
 
-#app>header{
+#app>header#header{
+  background-color: $front;
   .row{
     display: flex;
     flex-direction: row;
     >*{
       margin-right: 1em;
     }
+    &.top{
+      h1{
+        font-family: "snap-it";
+      }
+    }
+    &.bottom{
+      padding:1em 0;
+
+    }
   }
 
-  h1{
-    font-family: "snap-it";
-  }
 }