diff --git a/public/site.css b/public/site.css
index 4366758..6f5d03a 100644
--- a/public/site.css
+++ b/public/site.css
@@ -45,7 +45,7 @@ table {
 
 /* Layout and typography */
 body {
-  font-family: 'Georgia', serif;
+  font-family: serif;
   font-size: 16px;
   line-height: 20px;
 }
@@ -61,9 +61,9 @@ h2 a {
   text-decoration: none;
 }
 div.example {
-  width: 900px;
-  min-width: 900px;
-  max-width: 900px;
+  width: 1100px;
+  min-width: 1100px;
+  max-width: 1100px;
   margin-left: auto;
   margin-right: auto;
   margin-bottom: 120px;
@@ -97,22 +97,22 @@ table td {
   outline: 0;
 }
 td.docs {
-  width: 420px;
-  max-width: 420px;
-  min-width: 420px;
+  width: 500px;
+  max-width: 500px;
+  min-width: 500px;
   min-height: 5px;
   vertical-align: top;
   text-align: left;
 }
 td.docs p {
-  padding-right: 5px;
+  padding-right: 15px;
   padding-top: 5px;
   padding-bottom: 15px;
 }
 td.code {
-  width: 480px;
-  max-width: 480px;
-  min-width: 480px;
+  width: 590px;
+  max-width: 590px;
+  min-width: 590px;
   padding-top: 5px;
   padding-right: 5px;
   padding-left: 5px;
@@ -124,7 +124,7 @@ td.code.leading {
 }
 pre, code {
   font-size: 14px; line-height: 18px;
-  font-family: 'Menlo', 'Monaco', 'Consolas', 'Lucida Console', monospace;
+  font-family: monospace;
 }
 img.copy, img.run {
   height: 16px;
@@ -205,7 +205,7 @@ body .c1 { color: #808080 }  /* Comment.Single */
     background: #282828;
   }
 
- 
+
   /* Syntax highlighting: dark mode */
   body .nx { }                 /* Name.Other */
   body .nf { }                 /* Name.Function */
diff --git a/templates/site.css b/templates/site.css
index 4366758..6f5d03a 100644
--- a/templates/site.css
+++ b/templates/site.css
@@ -45,7 +45,7 @@ table {
 
 /* Layout and typography */
 body {
-  font-family: 'Georgia', serif;
+  font-family: serif;
   font-size: 16px;
   line-height: 20px;
 }
@@ -61,9 +61,9 @@ h2 a {
   text-decoration: none;
 }
 div.example {
-  width: 900px;
-  min-width: 900px;
-  max-width: 900px;
+  width: 1100px;
+  min-width: 1100px;
+  max-width: 1100px;
   margin-left: auto;
   margin-right: auto;
   margin-bottom: 120px;
@@ -97,22 +97,22 @@ table td {
   outline: 0;
 }
 td.docs {
-  width: 420px;
-  max-width: 420px;
-  min-width: 420px;
+  width: 500px;
+  max-width: 500px;
+  min-width: 500px;
   min-height: 5px;
   vertical-align: top;
   text-align: left;
 }
 td.docs p {
-  padding-right: 5px;
+  padding-right: 15px;
   padding-top: 5px;
   padding-bottom: 15px;
 }
 td.code {
-  width: 480px;
-  max-width: 480px;
-  min-width: 480px;
+  width: 590px;
+  max-width: 590px;
+  min-width: 590px;
   padding-top: 5px;
   padding-right: 5px;
   padding-left: 5px;
@@ -124,7 +124,7 @@ td.code.leading {
 }
 pre, code {
   font-size: 14px; line-height: 18px;
-  font-family: 'Menlo', 'Monaco', 'Consolas', 'Lucida Console', monospace;
+  font-family: monospace;
 }
 img.copy, img.run {
   height: 16px;
@@ -205,7 +205,7 @@ body .c1 { color: #808080 }  /* Comment.Single */
     background: #282828;
   }
 
- 
+
   /* Syntax highlighting: dark mode */
   body .nx { }                 /* Name.Other */
   body .nf { }                 /* Name.Function */