changes..

1 files changed, 41 insertions, 39 deletions

diff --git a/terminal.css b/terminal.css
index d3d4db5..7788263 100644
--- a/terminal.css
+++ b/terminal.css
@@ -12,63 +12,65 @@
     --white: rgb(254, 252, 248);
 }
 
-body {
-    max-width: min(80%, 500px);
+html {
     background-color: var(--background);
     color: var(--foreground);
-    font-family: monospace;
-    padding: 32px;
-    margin: 0 auto 0 auto;
-    font-size: 1.2em;
-    font-weight: 300;
 }
 
-main * {
-    margin: 16px 0;
-}
+body {
+    display: flex;
+    flex-direction: column;
+    gap: 32px;
+    padding-top: 32px;
+    max-width: 40em;
+    margin: auto;
+    font-family: monospace;
+    font-size: 1.2em;
+    min-height: 120vh;
 
-main * * {
-    margin: 0;
-}
+    & main {
+        display: flex;
+        flex-direction: column;
+        gap: 32px;
+    }
 
-a {
-    color: var(--blue);
-    text-decoration: dashed underline;
-    font-style: italic;
+    & footer {
+        padding-bottom: 64px;
+    }
 }
 
-a time {
+.fakelink {
     color: var(--foreground);
-    opacity: 0.8;
-    display: block;
-    font-size: 0.9em;
-    font-style: normal;
-    text-decoration: none !important;
-}
-
-aside {
-    border: 1px var(--black);
-    border-style: solid none;
-    margin: 1em;
-    padding: 0.2em;
-    text-align: center;
+    text-decoration: none;
 }
 
-summary {
-    border-bottom: 0;
+a {
+    color: var(--blue);
+    &:visited {
+        color: var(--magenta);
+    }
 }
 
 ul {
     list-style: none;
-    padding: 0;
-}
+    display: flex;
+    flex-direction: column;
+    gap: 16px;
+
+    & li, a {
+        display: flex;
+        flex-direction: column;
 
-ul * {
-    margin-top: 1em;
+        & time {
+            opacity: 0.5;
+        }
+    }
 }
 
-footer {
-    margin-bottom: 32px;
+section {
+    & h2 {
+        padding-bottom: 4px;
+    }
 }
 
 .fg-black {