add mobile style; fix codeblock font conflicts

www/src/assets/style.css

@@ -47,6 +47,20 @@
   max-height: 100vh;
 }
 
+* {
+  font-family: 'Liberation Mono', monospace !important;
+}
+
+code > * {
+  font-family: monospace !important;
+  > * {
+    font-family: monospace !important;
+    > * {
+      font-family: monospace !important;
+    }
+  }
+}
+
 h1 {
   font-size: 2rem;
   margin: 0;
@@ -159,7 +173,7 @@ body {
   }
 
   > footer {
-    height: 130px;
+    height: fit-content;
     grid-column: 1 / 3;
     background-color: var(--alt-bg);
     border: 3px ridge gray;
@@ -237,7 +251,7 @@ section.comments {
   > form {
     display: grid;
     grid-template-rows: 12ch 20px;
-    grid-template-columns: 150px 150px 150px;
+    grid-template-columns: repeat(auto-fill, minmax(min(150px, 100%), 1fr)); 
 
     > textarea {
       resize: none;
@@ -376,3 +390,24 @@ div.thought-list{
   }
 }
 
+@media (max-width: 700px) {
+  :root {
+    max-height: unset;
+  }
+
+  body {
+    display: flex;
+    flex-direction: column;
+    height: unset;
+    max-height: unset;
+    overflow: unset;
+
+    > header {
+      border-bottom: 3px ridge gray;
+      > nav > ul {
+        display: grid;
+        grid-template-columns: repeat(auto-fit, minmax(40%, 1fr))
+      }
+    }
+  }
+}