design navbar for client

client/style.css

@@ -6,6 +6,8 @@ body {
     color: lime;
     background-color: black;
     line-height: 1.1;
+    height: 100vh;
+    margin: 0;
 }
 
 hr {
@@ -60,6 +62,37 @@ img {
     gap: 5px;
 }
 
+nav {
+    background: rgb(25, 25, 25);
+    display: flex;
+    padding: 16px;
+    margin-bottom: 1em;
+
+    #brand h2 {
+        margin: 0;
+    }
+
+    a {
+        color: lime;
+        text-decoration: none;
+
+        &:hover {
+            text-decoration: underline;
+        }
+    }
+
+    ul {
+        list-style: none;
+        display: flex;
+        align-items: center;
+        margin: 0;
+
+        li {
+            margin-left: 1em;
+        }
+    }
+}
+
 @media (max-width: 600px) {
     input, textarea, button {
         font-size: 16px;