diff --git a/src/index.html b/src/index.html
new file mode 100644
index 0000000..04d2c0c
--- /dev/null
+++ b/src/index.html
@@ -0,0 +1,23 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <title>404 Not Found</title>
+    <link rel="stylesheet" href="styles.css">
+  </head>
+  <body>
+    <div class="container">
+      <h1>
+        404 - The Page That Must Not Be Named
+      </h1>
+      <!-- <h2>
+        The Page That Must Not Be Named
+      </h2> -->
+      <div class="error-message">
+        It seems you’ve stumbled upon a forbidden corridor.<br>
+        Let’s get you back to a safer place, shall we?<br><br>
+        Maybe you were looking for the <a href="https://blog.amundsson.eu">library</a> or the <a href="https://niklas.amundsson.eu">history</a> classroom?
+      </div>
+    </div>
+  </body>
+</html>
diff --git a/src/styles.css b/src/styles.css
new file mode 100644
index 0000000..53c1855
--- /dev/null
+++ b/src/styles.css
@@ -0,0 +1,37 @@
+* {
+  margin: 0;
+  padding: 0;
+  box-sizing: border-box;
+}
+
+html, body {
+  height: 100%;
+  width: 100%;
+  font-family: monospace;
+  color: #FFFFFF;
+  background-color: #0000AA;
+}
+
+.container {
+  display: flex;
+  flex-direction: column;
+  justify-content: start;
+  align-items: start;
+  text-align: left;
+  max-width: 800px;
+  margin: 0 auto;
+  padding: 2rem;
+}
+
+h1 {
+  font-size: 2.5rem;
+  margin-bottom: 2rem;
+}
+
+.error-message {
+  font-size: 1.3rem;
+
+  a {
+    color: white;
+  }
+}
