feat: ajout navbar

Fixes #9

scss/clear-typography.scss

@@ -2,7 +2,7 @@
   --font-family: Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', Cantarell, Roboto, Oxygen, Ubuntu, 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
   --font-family-monospace: Consolas, Menlo, Monaco, Andale Mono WT, Andale Mono, Lucida Console, Lucida Sans Typewriter, DejaVu Sans Mono, Bitstream Vera Sans Mono, Liberation Mono, Nimbus Mono L, Courier New, Courier, monospace;
   --text-color: #212529;
-  --border-color: rgba(0,0,0,0.2);
+  --border-color: rgba(0,0,0,0.15);
   --background-color: #f8f9fa;
   --well-color: #e9ecef;
   --accent-color: #1864ab;
@@ -17,12 +17,9 @@
   }
 }
 
-// Change these two variables for styling
-$baseline: 1.6;
-
 // Don't change this one, it's just to
 // make code more readable
-$lineheight: $baseline * 1rem;
+$lineheight: 1rem;
 
 @mixin paragraph() {
   padding:0;
@@ -36,10 +33,10 @@ html {
 	font-size: 17px;
   background-color: var(--background-color);
   accent-color: var(--accent-color);
+	line-height: 1.6rem;
 }
 
 body {
-	line-height: $lineheight;
 	color: var(--text-color);
 	font-weight: 400;
   max-width: 800px;
@@ -47,6 +44,20 @@ body {
   margin: auto;
 }
 
+nav ul {
+  display: flex;
+  padding: .5rem 0;
+  border-top: 1px solid var(--border-color);
+  border-bottom: 1px solid var(--border-color);
+  li {
+    list-style-type: none;
+    margin:0;
+    a, span {
+      padding: .5rem;
+    }
+  }
+}
+
 strong {
 	font-weight: 600;
 }