diff --git a/index.html b/index.html
index 4d15596..dffaec6 100644
--- a/index.html
+++ b/index.html
@@ -1,22 +1,11 @@
 <html>
 <head>
-  <style>
-    body {
-      font-family: Noto Sans, sans serif;
-    }
-    .banner {
-      margin: 10%;
-      font-size: 2em;
-    }
-    .content {
-      margin: 0 10%;
-    }
-  </style>
+  <link rel="stylesheet" href="style.css"></link>
 </head>
 <body>
   <center class="banner">
     <h1>No Chromium</h1>
-    <h2>This website does not accept chromium based browsers</h2>
+    <h2>Do not use Chromium</h2>
     <h3>Use a different web browser</h3>
   </center>
   <section class="content">
diff --git a/redirect.html b/redirect.html
new file mode 100644
index 0000000..c69be92
--- /dev/null
+++ b/redirect.html
@@ -0,0 +1,17 @@
+<html>
+<head>
+  <link rel="stylesheet" href="style.css"></link>
+</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>
+  </div>
+</body>
+</html>
\ No newline at end of file
diff --git a/style.css b/style.css
new file mode 100644
index 0000000..bb83788
--- /dev/null
+++ b/style.css
@@ -0,0 +1,22 @@
+body {
+  font-family: Noto Sans, sans serif;
+  min-height: 1vh;
+}
+.banner {
+  margin: 10%;
+  font-size: 2em;
+}
+.content {
+  margin: 0 10%;
+}
+
+.container {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  height: 100%;
+}
+
+.centered {
+  margin: auto;
+}
