diff --git a/index.html b/index.html
index be640f9..e3dd9ea 100644
--- a/index.html
+++ b/index.html
@@ -1,50 +1,61 @@
-<html>
+<!DOCTYPE html>
+<html lang="en">
+
 <head>
+  <meta charset="UTF-8" />
+  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
   <title>No Chromium</title>
-  <link rel="stylesheet" href="style.css"></link>
+  <link rel="stylesheet" href="style.css" />
 </head>
+
 <body>
-  <center class="banner">
+  <header class="banner">
     <h1>No Chromium</h1>
     <h2>Do not use Chromium</h2>
     <h3>Use a different web browser</h3>
-  </center>
-  <section class="content">
-
+  </header>
+  <main class="content">
     <h2>What is Chromium?</h2>
     <p>
-    Chromium is a web browser developed by Google. Many modern web browsers
-    use its codebase and extened upon it, for example:
+      Chromium is a web browser developed by Google. Many modern web browsers
+      use its codebase and extend upon it, for example:
     </p>
     <ul>
       <li>Google Chrome</li>
       <li>Opera</li>
       <li>Microsoft Edge</li>
       <li>Brave Browser</li>
+      <li>
+        <a href="https://en.wikipedia.org/wiki/Chromium_(web_browser)">
+          And many others
+        </a>
+      </li>
     </ul>
-    <a href="https://en.wikipedia.org/wiki/Chromium_(web_browser)">more...</a>
 
     <h2>Why is this a bad thing?</h2>
     <p>
-    Chromium based browsers dominate the market. This means that any changes
-    Google makes to the Chromium code base are also present in the browsers that build on it.
-    As Chromium based browsers are the majority, websites have to adapt.
-    This also forces non chromium browsers like Firefox to implement these changes.
-    This gives Google the power to steer the web in a direction they benefit from the most.
+      Chromium based browsers dominate the market. This means that any changes
+      Google makes to the Chromium code base are also present in the browsers
+      that build on it. As Chromium based browsers are the majority, websites
+      have to adapt. This also forces non chromium browsers like Firefox to
+      implement these changes. This gives Google the power to steer the web in
+      a direction they benefit from the most.
     </p>
 
     <h2>Examples</h2>
     <ul>
-      <li>WebIntegrity</li>
+      <li>Web Environment Integrity</li>
       <li>Widevine</li>
       <li style="color: red">TODO...</li>
     </ul>
 
     <h2>What can I do</h2>
     <p>
-    You should use alternative browsers like <a href="https://www.mozilla.org/en-US/firefox/">Firefox</a>
-    or, even better, <a href="https://librewolf.net/">LibreWolf</a>
+      You should use alternative browsers like
+      <a href="https://www.mozilla.org/en-US/firefox/">Firefox</a> or, even
+      better, <a href="https://librewolf.net/">LibreWolf</a>
     </p>
-  </section>
+  </main>
 </body>
+
 </html>
\ No newline at end of file
diff --git a/redirect.html b/redirect.html
index 64b3ea2..2d815d6 100644
--- a/redirect.html
+++ b/redirect.html
@@ -1,18 +1,22 @@
+<!DOCTYPE html>
 <html>
+
 <head>
+  <meta charset="UTF-8" />
+  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
   <title>No Chromium</title>
-  <link rel="stylesheet" href="style.css"></link>
+  <link rel="stylesheet" href="style.css" />
 </head>
+
 <body>
   <div class="container">
-    <div class="banner centered">
-      <center>
-        <h1>No Chromium</h1>
-        <h2>This website does not accept chromium based browsers</h2>
-        <h3>Use a different web browser</h3>
-        <h4><a href="index.html">Why?</a></h4>
-      </center>
+    <div class="banner">
+      <h1>No Chromium</h1>
+      <h2>This website does not accept chromium based browsers</h2>
+      <h3>Use a different web browser</h3>
+      <h4><a href="index.html">Why?</a></h4>
     </div>
   </div>
 </body>
+
 </html>
\ No newline at end of file
diff --git a/style.css b/style.css
index bb83788..9ea8603 100644
--- a/style.css
+++ b/style.css
@@ -1,13 +1,26 @@
-body {
-  font-family: Noto Sans, sans serif;
-  min-height: 1vh;
+html {
+  font-family: Noto Sans, sans-serif;
+  background-color: #f1f1f1;
+  color: #0f0f0f;
+  line-height: 1.5rem;
 }
+
+@media (prefers-color-scheme: dark) {
+  html {
+    background-color: #0f0f0f;
+    color: #f1f1f1;
+  }
+}
+
 .banner {
-  margin: 10%;
   font-size: 2em;
+  margin: 0 auto 4rem;
+  text-align: center;
 }
+
 .content {
-  margin: 0 10%;
+  margin: 0 auto;
+  max-width: 800px;
 }
 
 .container {
