Add media queries for larger screens.

It is hard for people to keep track of very wide pages (and
sentences), with these mediaqueries the width of the site is limited on
screens that are wider than a 1000, or 1400 pixels.

public/css/style.css

@@ -91,3 +91,23 @@ footer {
 .linkSpacer {
 	margin: 0 .5em;
 }
+
+@media only screen and (max-width: 1000px) {
+    body {
+        width: 100%;
+        padding: 0 1rem;
+    }
+}
+
+@media only screen and (min-width: 1000px) {
+    body {
+        width: 80%;
+    }
+}
+
+@media only screen and (min-width: 1400px) {
+    body {
+        width: 60rem;
+    }
+}
+

src/css/style.css

@@ -96,3 +96,23 @@ footer {
 .linkSpacer {
 	margin: 0 .5em;
 }
+
+@media only screen and (max-width: 1000px) {
+    body {
+        width: 100%;
+        padding: 0 1rem;
+    }
+}
+
+@media only screen and (min-width: 1000px) {
+    body {
+        width: 80%;
+    }
+}
+
+@media only screen and (min-width: 1400px) {
+    body {
+        width: 60rem;
+    }
+}
+