diff --git a/index.html b/index.html
index 4c15be0..8b12ffa 100644
--- a/index.html
+++ b/index.html
@@ -7,6 +7,7 @@
     <link rel="stylesheet" href="style.css" />
     <title>Serious Sans</title>
   </head>
+
   <body>
     <h1>Serious Sans</h1>
     <p>
@@ -20,6 +21,7 @@
       <a href="https://github.com/shannpersand/comic-shanns">Comic Shanns</a>
       (version 1)
     </p>
+
     <h2>Download</h2>
     <ul>
       <li>
@@ -34,6 +36,7 @@
           >SeriousSansItalic.ttf</a
         >
       </li>
+      <br />
       <li>
         <a
           href="https://github.com/kaBeech/serious-sans/SeriousSans/SeriousSansBold.ttf"
@@ -46,6 +49,8 @@
           >SeriousSansBoldItalic.ttf</a
         >
       </li>
+      <br />
+
       <li>
         <a
           href="https://github.com/kaBeech/serious-sans/SeriousSans/SeriousSansLight.ttf"
@@ -59,6 +64,7 @@
         >
       </li>
     </ul>
+
     <h2>What?</h2>
     <p>
       Serious Sans is a legible monospaced font made to resemble the classic
@@ -85,6 +91,7 @@
           style="max-width: 100%"
       /></a>
     </p>
+
     <h2>Why?</h2>
     <p>
       To overcome writer's block, some writers change the font of their word
@@ -99,12 +106,14 @@
       make our work easier. Monospacing and legibility are important factors
       that facilitate quick scanning of many lines of code
     </p>
+
     <h3>Legibility</h3>
     <p>
       Legibility means being able to quickly tell which character is which. In
       fonts with low legibility, for example, it can be difficult to tell the
       difference between an upper case 'I' and a numeral '1'
     </p>
+
     <h3>Monospacing</h3>
     <p>
       Monospacing means ensuring every character has the same width. This is
@@ -127,6 +136,7 @@
       Without a monospaced font, getting all those numbers to line up for easy
       adding would be a pain!
     </p>
+
     <h3>Origins</h3>
     <p>
       I originally changed the font in my IDE to Comic Mono as a joke. I decided
@@ -134,6 +144,7 @@
       to help my mindset while working. I made Serious Sans as my own leetle
       fork to improve the usability of the font ^_^
     </p>
+
     <h2>Differences from Comic Mono</h2>
     <ol>
       <li>I edited the 'a' to make it look less like an 'o'</li>
@@ -142,13 +153,12 @@
       </li>
       <li>I added Italic styles for each weight style</li>
     </ol>
-    <ul>
-      <li>
-        Note: you can ignore the generate.py file - it generates the original
-        Comic Mono font. I haven't decided yet if I'm going to modify or remove
-        it
-      </li>
-    </ul>
+    <br />
+    <p>
+      Note: you can ignore the generate.py file - it generates the original
+      Comic Mono font. I haven't decided yet if I'm going to modify or remove it
+    </p>
+
     <h2>Any issues?</h2>
     <p>If you notice any, please feel free to open an issue!</p>
     <p>
@@ -156,11 +166,13 @@
       SeriousSans.tff. The other styles have been reviewed but are largely
       untested
     </p>
+
     <h2>License</h2>
     <p>
       Serious Sans is licensed under the
       <a href="/kaBeech/serious-sans/blob/main/LICENSE">MIT License</a>.
     </p>
+
     <h2>Disclaimer</h2>
     <p>
       Please note that this font is in no way affiliated with the delightful
diff --git a/style.css b/style.css
index 6ea8815..52e0e05 100644
--- a/style.css
+++ b/style.css
@@ -1,4 +1,36 @@
 body {
+  background-color: #1e1e1e;
+  color: #d4d4d4;
+  display: flex;
+  flex-direction: column;
   font-family: system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif,
     "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
+  text-align: center;
+}
+
+ul,
+ol {
+  list-style: none;
+  display: flex;
+  flex-direction: column;
+  align-content: center;
+}
+
+ul,
+ol,
+li {
+  margin: 0;
+  padding: 0;
+  border: 0;
+  font-size: 100%;
+  font: inherit;
+  vertical-align: baseline;
+}
+
+:link {
+  color: aqua;
+}
+
+:visited {
+  color: rgb(0, 188, 138);
 }
