diff --git a/Templates/404.html b/Templates/404.html
new file mode 100644
index 0000000..da51868
--- /dev/null
+++ b/Templates/404.html
@@ -0,0 +1,21 @@
+<html>
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <link rel="stylesheet" href="404styles.css" />
+    <title>Fuck Your Day</title>
+    <script language="JavaScript" type="text/javascript">
+      setTimeout(function () {
+        location.replace("https://fuckyour.day/");
+      }, 7000);
+      setTimeout(7000);
+    </script>
+  </head>
+  {% block body %}
+  <div class="col-md-6 align-self-center">
+    <h1>404</h1>
+    <h2>You're lost.</h2>
+    <p>One of us has made a mistake. Hang tight, let's try this again.</p>
+  </div>
+  {% endblock %}
+</html>
diff --git a/Templates/404styles.css b/Templates/404styles.css
new file mode 100644
index 0000000..a708663
--- /dev/null
+++ b/Templates/404styles.css
@@ -0,0 +1,31 @@
+@import url("https://fonts.googleapis.com/css?family=Nunito+Sans");
+:root {
+  --blue: #0e0620;
+  --white: #fff;
+}
+html,
+body {
+  height: 100%;
+}
+body {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  font-family: "Nunito Sans";
+  color: var(--blue);
+  font-size: 1em;
+}
+h1 {
+  font-size: 7.5em;
+  margin: 15px 0px;
+  font-weight: bold;
+}
+h2 {
+  font-weight: bold;
+}
+
+@media screen and (max-width: 768px) {
+  body {
+    display: block;
+  }
+}
