css responsiveness tweaks

static/css/general.css

@@ -6,8 +6,9 @@
     box-sizing: border-box;
 }
 
-html {
+body {
     font-family: monospace;
+    max-width: 100vw;
 }
 
 header, footer {
@@ -53,8 +54,8 @@ article {
 }
 
 #mainarticle {
-    width: 95vw;
-    max-width: 80rem;
+    width: fit-content;
+    max-width: min(80rem, 100%);
     margin: 0 auto;
 }
 
@@ -75,6 +76,7 @@ table {
     border-bottom: none;
     border-collapse: collapse;
     margin: 1rem auto;
+    max-width: 100%;
 }
 
 td, th {
@@ -84,6 +86,13 @@ td, th {
     border-top: none;
     border-collapse: collapse;
     padding: 0.5rem;
+    line-break: anywhere;
+}
+
+@media (max-width: 15rem) {
+    * {
+        line-break: anywhere;
+    }
 }
 
 @media (prefers-color-scheme: dark) {