add new blog post

1 files changed, 48 insertions, 13 deletions

diff --git a/site_root/style.css b/site_root/style.css
index 14b450b..897b490 100644
--- a/site_root/style.css
+++ b/site_root/style.css
@@ -1,28 +1,32 @@
 :root {
     --light: #eee;
     --dark: #1c1c1c;
-    --highlight: #ff3a21
+    /*--highlight: #ff3a21*/
+    --highlight: #f5ae2e;
 }
 
 body {
     color: var(--light);
     background: var(--dark);
-    font-family: monospace;
-    font-size: 16px;
+    font: 1.3em monospace;
+    text-size-adjust: auto;
 }
 
-#navigation {
-    text-align: center;
+h1 {
+    font: 1.0em monospace;
+    font-weight: bold;
+    text-align: left;
+    text-size-adjust: auto;
+    margin-bottom: 0;
 }
 
-.centered {
-    text-align: center;
-}
-
-#content {
-    width: 700px;
-    max-width: 100%;
-    margin: auto;
+h2 {
+    font: 1.0em monospace;
+    font-weight: bold;
+    text-align: left;
+    text-size-adjust: auto;
+    margin-bottom: 0;
+    margin-top: 3em;
 }
 
 a {
@@ -43,8 +47,39 @@ li:before {
     content: '* ';
 }
 
+pre {
+	border-width: 0 0 0 2px;
+	border-style: solid;
+	border-color: var(--highlight);
+	background: black;
+	padding: 6px;
+	border-radius: 2px;
+}
+
 code {
     background: black;
     padding: 0 6px;
     border-radius: 4px;
 }
+
+pre code {
+	padding: 0;
+}
+
+#content {
+    max-width: 40em;
+    margin: auto;
+}
+
+#navigation {
+    text-align: center;
+}
+
+#navigation pre {
+	border: none;
+	background: var(--dark);
+}
+
+.centered {
+    text-align: center;
+}