diff --git a/templates/404.html b/templates/404.html
new file mode 100644
index 0000000..d7e6af8
--- /dev/null
+++ b/templates/404.html
@@ -0,0 +1,23 @@
+<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>
+    <h1>404</h1>
+    <h2>You're so lost.</h2>
+    <p>
+      <br />One of us has made a mistake.<br />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..4dadddd
--- /dev/null
+++ b/templates/404styles.css
@@ -0,0 +1,30 @@
+:root {
+  --blue: #0e0620;
+  --white: #fff;
+}
+html,
+body {
+  height: 100%;
+}
+body {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  font-family: "system-ui";
+  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;
+  }
+}
