add navbar and new logo

src/assets/css/global.scss

@@ -83,11 +83,11 @@ button {
 
 .l-container {
   display: grid;
-  grid-template-columns: min-content 4fr min-content;
-  grid-template-rows: 4rem 1fr 1fr;
+  grid-template-columns: min-content 1fr min-content;
+  grid-template-rows: 3rem 1fr 1fr;
   grid-auto-flow: row;
   grid-template-areas:
-    "l-sidebar content r-sidebar"
+    "l-sidebar nav nav"
     "l-sidebar content r-sidebar"
     "l-sidebar content r-sidebar"
     "bottom-bar bottom-bar bottom-bar";
@@ -95,11 +95,14 @@ button {
   height: 100vh;
 }
 
+.topnav {
+  grid-area: nav;
+}
+
 .l-sidebar {
   width: 15rem;
   grid-area: l-sidebar;
   padding-top: 0.5rem;
-  // background-color: $card-dark;
 }
 
 .bottom-bar {
@@ -136,7 +139,13 @@ button {
   grid-area: content;
   overflow: hidden;
   padding: 0;
-  border-left: solid 1px #27262654;
+  border-left: solid 1px $gray;
+
+  .nav {
+    border: solid;
+    margin: $small;
+    width: calc(100% - 1rem);
+  }
 }
 
 .r-sidebar {