Responsive design

site/assets/chloe.css

@@ -31,6 +31,7 @@
 :root {
     --background-color: #000000;
     --text-color: #FFFFFF;
+    --text-color-dim: #DDC0C0;
 }
 
 .mobile-only {
@@ -101,6 +102,10 @@ a {
     gap: 1em;
 }
 
+.section .block.sidebar .content {
+    margin-top: 0;
+}
+
 .section .block .title {
     font-style: italic;
     font-weight: bold;
@@ -129,6 +134,7 @@ ul {
     :root {
         --background-color: #FFFFFF;
         --text-color: #000000;
+        --text-color-dim: #332020;
     }
 
     /*
@@ -146,6 +152,7 @@ ul {
     } */
 }
 
+/* Mobile styling */
 @media (max-width:600px) {
     .mobile-only {
         display: inherit;
@@ -178,6 +185,28 @@ ul {
     .section .block.block.sidebar {
         display: block;
     }
+
+    strong, .title {
+        font-weight: inherit;
+        color: var(--text-color);
+        font-style: italic;
+    }
+
+    .body {
+        font-weight: bold;
+        color: var(--text-color-dim);
+    }
+}
+
+/* Large displays */
+@media (min-width:1400px) {
+    .container {
+        max-width: 900px;
+    }
+
+    body {
+        font-size: 24px;
+    }
 }
 
 @media print {