1 files changed, 79 insertions, 17 deletions

diff --git a/prose.css b/prose.css
index 9c812fd..bc0ad5d 100644
--- a/prose.css
+++ b/prose.css
@@ -1,9 +1,12 @@
 @import url('https://fonts.googleapis.com/css2?family=Gelasio:ital,wght@0,400..700;1,400..700&display=swap');
 @import url('style.css');
 
-.content {
+article {
     width: 100%;
     max-width: 75ch;
+    margin: 0 auto;
+    position: relative;
+    z-index: 1;
 }
 
 p {
@@ -15,33 +18,27 @@ p {
 
 a {
     color: #4DA3FF;
-    transition: color 0.2s ease, background-color 0.2s ease;
-    border-radius: 3px;
+    text-decoration: none;
 
     &:hover {
-        background-color: #4DA3FF;
-        color: #121212;
-        text-decoration: none;
+        text-decoration: underline;
     }
 }
 
-code {
-    font-family: 'Roboto Mono';
-    font-size: 0.9rem;
-    color: #00ff78;
-}
-
 li {
+    color: #e6e6e6;
     font-family: 'Gelasio';
-}
+    line-height: 1.3;
+    font-size: 1.1rem;
 
-li::marker {
-    color: #e6e6e6;
+    &::marker {
+        color: #e6e6e6;
+    }
 }
 
 h1 {
     color: #e6e6e6;
-    line-height: 1;
+    line-height: 1.15;
     margin-bottom: 0;
     font-family: 'Gelasio';
     font-weight: 600;
@@ -65,8 +62,24 @@ h3 {
     font-weight: 600;
 }
 
-p.comment {
+.comment {
+    color: #888;
+}
+
+hr {
+  display: block;
+  height: 2px;
+  border: 0;
+  border-top: 2px solid #888;
+  margin: 1em 0;
+  padding: 0;
+}
+
+time {
+    display: block;
+    font-family: 'Gelasio';
     color: #888;
+    margin-top: 0.5rem;
 }
 
 @media (max-width: 1000px) {
@@ -89,6 +102,55 @@ summary {
     }
 }
 
+table {
+    border-collapse: collapse;
+    margin: 0 auto;
+    th {
+        color: #e6e6e6;
+        text-align: center;
+        border: solid;
+        padding: 0 1.5ch;
+        border-width: 0 0 1px 0;
+
+        &[scope="row"] {
+            border-width: 0 1px 0 0;
+        }
+    }
+    td {
+        color: #00ff78;
+        text-align: center;
+        padding: 0 1.5ch;
+    }
+}
+
 code .path {
     color: #888;
 }
+
+/* inline code */
+code {
+    color: #00ff78;
+    font-family: 'Roboto Mono';
+}
+
+/* CODEBLOCKS */
+pre {
+    color: #00ff78;
+    font-family: 'Roboto Mono';
+
+    code {
+        color: #e6e6e6;
+    }
+
+    kw   { color: #6cb8ff; }   /* keywords */
+    ty   { color: #4ec9b0; }   /* types */
+    fn   { color: #dcdcaa; }   /* functions */
+    mac  { color: #c586c0; }   /* macros */
+    str  { color: #ce9178; }   /* strings */
+    num  { color: #b5cea8; }   /* numbers */
+    com  { color: #7f848e; font-style: italic; }
+    prop { color: #9cdcfe; }   /* fields */
+    mod  { color: #e6e6e6; }   /* modules */
+    id   { color: inherit; }   /* local variables */
+}
+