1 files changed, 48 insertions, 11 deletions
diff --git a/static/main.css b/static/main.css
index 41381a9..167eebc 100644
--- a/static/main.css
+++ b/static/main.css
@@ -27,6 +27,54 @@ a {
     margin: 5rem auto;
 }
 
+.page {
+    font-size: 1.25rem;
+    line-height: 2;
+    @media screen and (min-width: 786px) {
+        border: 1px solid var(--decorative-color);
+        padding: 2rem;
+        background-color: var(--background-color);
+    }
+}
+
+.prose {
+    h1, h2, h3 {
+        font-weight: 800;
+        margin: 1rem 0;
+    }
+
+    h1 {
+        font-size: 2rem;
+        margin-top: 0;
+        margin-bottom: 1.5rem;
+    }
+
+    ul {
+        list-style: square;
+        padding-inline-start: 1.5rem;
+        margin: 1rem 0
+    }
+
+    em { font-style: italic; }
+    strong { font-weight: 800; }
+
+    hr {
+        border: 2px dashed var(--decorative-color);
+        margin: 1rem 0;
+    }
+}
+
+.prose-container {
+    font-size: 1.25rem;
+    line-height: 2;
+    width: 500px;
+    margin: 2rem auto;
+    &.small {
+        font-size: 1.15rem;
+        color: hsl(from var(--foreground-color) h calc(s - 10) calc(l + 30));
+    }
+}
+
 .header {
     @media screen and (min-width: 786px) {
         display: flex;
@@ -87,17 +135,6 @@ a {
     }
 }
 
-.prose-container {
-    font-size: 1.25rem;
-    line-height: 2;
-    width: 500px;
-    margin: 2rem auto;
-    &.small {
-        font-size: 1.15rem;
-        color: hsl(from var(--foreground-color) h calc(s - 10) calc(l + 30));
-    }
-}
-
 .linkbox {
     display: flex;
     align-items: center;