diff --git a/_includes/footer.njk b/_includes/footer.njk
index 9d2c560..41f5ace 100644
--- a/_includes/footer.njk
+++ b/_includes/footer.njk
@@ -34,7 +34,7 @@ footer {
   display: inline;
 }
 .footer-container {
-  max-width: 75rem;
+  max-width: var(--page-width);
   margin-left: auto;
   margin-right: auto;
   display: grid;
diff --git a/_includes/header.njk b/_includes/header.njk
index 42567a6..b1e704d 100644
--- a/_includes/header.njk
+++ b/_includes/header.njk
@@ -16,7 +16,7 @@ header {
   padding: 2rem 0;
 }
 .header-container {
-  max-width: 75rem;
+  max-width: var(--page-width);
   margin-left: auto;
   margin-right: auto;
   display: flex;
diff --git a/_layouts/page.njk b/_layouts/page.njk
index 4ea16b3..c470456 100644
--- a/_layouts/page.njk
+++ b/_layouts/page.njk
@@ -23,8 +23,17 @@ eleventyComputed:
 </html>
 
 {% css %}
+:root {
+  --page-width: 75rem;
+}
 body {
   font-family: sans-serif;
   margin: 0;
+  font-size: 17px;
+}
+main {
+  max-width: var(--page-width);
+  margin-left: auto;
+  margin-right: auto;
 }
 {% endcss %}