diff --git a/notes b/notes
index fed3aee..166ff95 100644
--- a/notes
+++ b/notes
@@ -5,6 +5,7 @@ https://www.goatcounter.com/
 https://web.dev/articles/optimize-webfont-loading
 
 noted fonts:
+Moderat mono https://tightype.com/typefaces/moderat-mono
 Mell Display https://www.myfonts.com/collections/mell-sans-font-abuse-of-notation
 Lexend https://fonts.google.com/specimen/Lexend
 Jetbrains Mono https://fonts.google.com/specimen/JetBrains+Mono
diff --git a/static/css/layout.css b/static/css/layout.css
index 225c51d..ff3daff 100644
--- a/static/css/layout.css
+++ b/static/css/layout.css
@@ -146,6 +146,7 @@ header#header {
 }
 article {
     max-width: 66ch;
+    width: 100%;
 }
 main {
     box-sizing: border-box;
@@ -164,6 +165,7 @@ main {
         box-sizing: border-box;
         padding: 0rem 1rem;
         max-width: 66ch;
+        width: 100%;
     }
 
     /* needed due to being flex itself*/