top nav bar

Author: Kade-N

docs/style/default.css

@@ -42,17 +42,35 @@ body {
     display: flex;
     list-style: none;
     padding: 0;
-    margin: 0;
+    margin: 16px 64px;
+    font-family: var(--spore-font);
 }
 
 #nav-bar li {
     flex: 1;
     text-align: center;
     border-bottom: 4px solid transparent;
+    display: flex;
+}
+
+#nav-bar li a {
+    flex: 1;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    text-decoration: none;
+    padding: 16px 0;
+    width: 100%;
+    height: 100%;
 }
 
 #nav-bar li.active {
-    border-bottom-color: var(--spore-light-space);
+    border-bottom-color: var(--lk-launcher);
+}
+
+#nav-bar li:hover {
+    border-bottom-color: rgba(79, 177, 211, 0.6);
+    transition: 0.2s;
 }
 
 article {