1 files changed, 88 insertions, 28 deletions

diff --git a/style.css b/style.css
index 353c29a..270a9d9 100644
--- a/style.css
+++ b/style.css
@@ -6,7 +6,7 @@
   --ac3: #ff82b2;
 }
 
-img[align=left] { 
+img[align="left"] {
   border-radius: 1em;
   width: 7em;
   height: 7em;
@@ -14,10 +14,16 @@ img[align=left] {
 }
 
 body {
-  margin: 3em;
+  margin: 1em;
   background-color: var(--bg1);
 }
 
+header, article, footer {
+  margin-left: auto;
+  margin-right: auto;
+  width: min(800px, 100vw - 2em);
+}
+
 nav {
   margin: 1em 1em 1em 9em;
   background-color: var(--bg2);
@@ -32,7 +38,8 @@ nav a {
   text-decoration: none;
   color: #dfe5f3;
   text-decoration: none;
-  background-image: linear-gradient(transparent, transparent),
+  background-image:
+    linear-gradient(transparent, transparent),
     linear-gradient(var(--ac2), var(--ac2));
   background-size: 100% 2px, 0 2px;
   background-position: 100% 100%, 0 100%;
@@ -46,24 +53,57 @@ nav a:hover {
   background-size: 0 2px, 100% 2px;
 }
 
-h1 { font-size: xx-large }
-h2 { font-size: x-large }
-h3 { font-size: large }
-h4 { font-size: medium }
+h1 {
+  font-size: xx-large;
+}
+h2 {
+  font-size: x-large;
+}
+h3 {
+  font-size: large;
+}
+h4 {
+  font-size: medium;
+}
 
-p,h1,h2,h3,h4,h5,h6,li,summary { font-family: "Ubuntu", sans-serif; }
-h1,h2 { color: var(--ac1) }
-h3 { color: var(--ac2); margin-left: 1em }
-h4 { color: var(--ac3); margin-left: 2em }
-p,li,summary { color: white; margin-left: 3em }
-a { color: var(--ac2); font-style: italic; text-decoration: underline }
-a:hover { color: var(--ac3) }
-hr { border: 1px solid grey }
-summary { font-size: large; }
+p, h1, h2, h3, h4, h5, h6, li, summary {
+  font-family: "Ubuntu", sans-serif;
+}
+h1 {
+  color: var(--ac1);
+}
+h2, h3 {
+  color: var(--ac2);
+  margin-left: 1em;
+}
+h4 {
+  color: var(--ac3);
+  margin-left: 2em;
+}
+p, li, summary {
+  color: white;
+  margin-left: 3em;
+}
+a {
+  color: var(--ac2);
+  font-style: italic;
+  text-decoration: underline;
+}
+a:hover {
+  color: var(--ac3);
+}
+hr {
+  border: 1px solid grey;
+}
+summary {
+  font-size: large;
+}
 
-math { color:white }
+math {
+  color: white;
+}
 
-pre,code {
+pre, code {
   color: #eeeeee;
   font-family: monospace;
   background-color: black;
@@ -71,9 +111,13 @@ pre,code {
   border-radius: 5px;
   padding: 0.2em;
 }
-pre { margin-left: 4em; margin-right: 4em; overflow-y: auto; }
+pre {
+  margin-left: 4em;
+  margin-right: 4em;
+  overflow-y: auto;
+}
 
-input[type=submit] {
+input[type="submit"] {
   background-color: black;
   color: white;
   border-radius: 1em;
@@ -110,14 +154,30 @@ input[type=submit] {
   margin-right: 0.3em;
 }
 
-.status-unknown { background-color: #4b4b4b; }
-.status-planned { background-color: #6d5dff; }
-.status-developing { background-color: #5dfff1; }
-.status-paused-working { background-color: #53b11d; }
-.status-paused-unfinished { background-color: #d6d44b; }
-.status-maintained { background-color: #95ff63; }
-.status-abandoned-working { background-color: #ff9854; }
-.status-abandoned-unfinished { background-color: #ff6854; }
+.status-unknown {
+  background-color: #4b4b4b;
+}
+.status-planned {
+  background-color: #6d5dff;
+}
+.status-developing {
+  background-color: #5dfff1;
+}
+.status-paused-working {
+  background-color: #53b11d;
+}
+.status-paused-unfinished {
+  background-color: #d6d44b;
+}
+.status-maintained {
+  background-color: #95ff63;
+}
+.status-abandoned-working {
+  background-color: #ff9854;
+}
+.status-abandoned-unfinished {
+  background-color: #ff6854;
+}
 
 .featured {
   background-color: var(--bg2);