diff --git a/static/main.css b/static/main.css
index 2aa449e..7ef51a1 100644
--- a/static/main.css
+++ b/static/main.css
@@ -1,11 +1,17 @@
 /* reset the reset */
-blockquote, code, del, details, div, dl, dt, em, fieldset, figcaption, figure, h1, h2, h3, h4, h5, h6, li
-, ol, p, pre, q, span, strong, ul {
-    font-family: initial;
+blockquote, code, del, details, div, dl, dt, em, fieldset, figcaption, figure, h1, h2, h3, h4, h5, h6, li, ol, p, pre, q, span, strong, ul {
+    font-family: sans-serif;
     margin: initial;
     padding: initial;
     border: initial;
 }
+input, textarea {
+    font-family: sans-serif;
+}
+pre, code {
+    font-family: monospace;
+    font-size: 0.85em;
+}
 ul, ol {
     list-style-type: initial;
     padding-left: 2em;
@@ -23,7 +29,6 @@ sub {
 
 /* general page appearance */
 body.skin-fandomdesktop, button, input, textarea, .wikitable, .va-table {
-    font-family: initial;
     font-size: 18px;
     line-height: 1.5;
 }
@@ -233,6 +238,13 @@ figcaption, .lightbox-caption, .thumbcaption {
     }
 }
 
+@media (max-width: 699px) { /* narrower than 700 px */
+    /* fit more text on screen */
+    body.skin-fandomdesktop, button, input, textarea, .wikitable, .va-table {
+        font-size: 16px;
+    }
+}
+
 @media (min-width: 560px) { /* wider than 560 px */
     /* footer columns */
     .custom-footer__cols {