Restore global stylesheet.

Mistakenly clobbered my work yesterday...

1 files changed, 49 insertions, 5 deletions

diff --git a/lib/static/styles.css b/lib/static/styles.css
index 680a6b1..de2c3db 100644
--- a/lib/static/styles.css
+++ b/lib/static/styles.css
@@ -1,18 +1,29 @@
+@import url("fonts/Inter-4.1/web/inter.css");
+
 body {
-    font-family: sans-serif;
+    font-family: Inter, sans-serif;
+    max-width: 50em;
+    margin: auto;
+    padding: 0 1em;
+    background-color: #181818;
+    color: white;
 }
 
 nav#top {
-    background-color: dimgray; 
+    background-color: black;
+    border-radius: 0.25rem;
 }
 
 nav#top ul {
-    display: flex; 
+    display: flex;
+    flex-wrap: wrap;
     list-style-type: none;
+    padding: 0;
 }
 
 nav#top ul li {
-    padding: 1em 0;
+    padding: 0.5em 0;
+    border-radius: 0.25rem;
 }
 
 nav#top ul li a {
@@ -22,6 +33,39 @@ nav#top ul li a {
 }
 
 nav#top ul li a:hover {
-    background-color: #555; 
+    background-color: white;
+    color: black;
+}
+
+nav#top ul li#active {
+    border-radius: 0.25rem;
+    background-color: rgb(194, 79, 30);
+}
+
+nav#top ul li#active a:hover {
+    border-radius: 0.25rem;
+    background-color: rgb(132, 40, 0);
+    color: white;
+}
+
+div#main ul {
+    padding-left: 0;
+    list-style: none;
+}
+
+div#main ul li {
+    border: 1px solid #303030;
+}
+
+div#main ul li a {
+    display: block;
+    color: white;
+    text-decoration: none;
+    padding: 0.5em;
+}
+
+div#main a:hover {
+    background-color: white;
+    color: black;
     text-decoration: revert;
 }