man henri

css/style.css

@@ -1,8 +1,6 @@
 :root {
   --bg-color: #000000;
   --fg-color: #FFFFFF;
-  --ln-color: #FFFF00;
-  --ln-color-visited: #FFAA00;
 }
 
 html {
@@ -11,7 +9,7 @@ html {
   background-color: var(--bg-color);
   color: var(--fg-color);
   font-size: 1em;
-  font-family: monospace, "Cascadia Code", monospace;
+  font-family: "Cascadia Code", monospace;
   justify-content: center;
 }
 
@@ -21,38 +19,37 @@ body {
   margin: 0;
 }
 
-#who {
-  text-align: center;
-  padding-top: 1lh;
-}
+a, a:visited { color: var(--fg-color); }
 
-#bio {
-  padding: 1lh 0;
-}
-
-a {
-  color: var(--ln-color);
-}
-
-a:visited {
-  color: var(--ln-color-visited);
-}
-
-ul {
-  list-style-type: '- ';
-  padding-left: 4ch;
-  margin-top: 1lh;
+header, footer {
+  display: flex;
+  justify-content: space-between;
+  font-weight: bold;
   margin-bottom: 1lh;
 }
 
+.section { margin-bottom: 1lh; }
+
+.content { padding-left: 8ch; }
+.description { padding-left: 4ch; }
+
+
+ul {
+  list-style-type: '';
+  padding-left: 0;
+  margin: 0;
+}
+
+li { margin-bottom: 1lh; }
+
 .section-title {
-  text-decoration: underline;
+  font-weight: bold;
+  text-transform: uppercase;
 }
 
-.footer-ws {
-  max-height: use-available;
-}
-
-footer {
-  text-align: center;
+#message {
+  position: fixed;
+  bottom: 0;
+  background: var(--fg-color);
+  color: var(--bg-color);
 }