diff --git a/404/index.css b/404/index.css
new file mode 100644
index 0000000..0a6c00b
--- /dev/null
+++ b/404/index.css
@@ -0,0 +1,57 @@
+html,body {
+    height: 100%;
+}
+
+body {
+    margin: 0;
+    font-family: DejaVu Sans Mono, Noto Sans Mono, Hack, monospace;
+}
+
+
+.main {
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    align-items: center;
+    height: 100%;
+}
+
+.error-text-container {
+   margin-bottom: 4rem;
+}
+
+.error-text {
+    font-size: 2rem;
+    margin: 0;
+    text-align: center;
+}
+
+.logo-container {
+    display: flex;
+    align-items: center;
+    text-decoration: none;
+    color: black;
+}
+
+.logo-container > * + *{
+    display: inline-flex;
+    text-align: center;
+    margin-left: 1rem;
+}
+
+.logo {
+    width: 7rem;
+}
+
+
+/* Dark mode */
+@media (prefers-color-scheme: dark) {
+    body {
+        background-color: #111111;
+        color: #cccccc;
+    }
+
+    .logo-container {
+        color: #cccccc;
+    }
+}
\ No newline at end of file
diff --git a/404/index.html b/404/index.html
new file mode 100644
index 0000000..e711a55
--- /dev/null
+++ b/404/index.html
@@ -0,0 +1,23 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Not found</title>
+    <link rel="stylesheet" href="index.css">
+</head>
+<body>
+    <div class="main">
+        <div class="error-text-container">
+            <h1 class="error-text">Uhh.. We're kinda lost</h1>
+            <h2 class="error-text">404 - Not found</h2>
+        </div>
+                <a href="https://exozy.me" class="logo-container">
+                    <img src="https://exozy.me/img/logo.svg" alt="The exozyme logo" class="logo">
+                    <h1>exozyme</h1>
+                </a>
+
+    </div>
+
+</body>
+</html>
\ No newline at end of file
diff --git a/50x/index.css b/50x/index.css
new file mode 100644
index 0000000..0a6c00b
--- /dev/null
+++ b/50x/index.css
@@ -0,0 +1,57 @@
+html,body {
+    height: 100%;
+}
+
+body {
+    margin: 0;
+    font-family: DejaVu Sans Mono, Noto Sans Mono, Hack, monospace;
+}
+
+
+.main {
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    align-items: center;
+    height: 100%;
+}
+
+.error-text-container {
+   margin-bottom: 4rem;
+}
+
+.error-text {
+    font-size: 2rem;
+    margin: 0;
+    text-align: center;
+}
+
+.logo-container {
+    display: flex;
+    align-items: center;
+    text-decoration: none;
+    color: black;
+}
+
+.logo-container > * + *{
+    display: inline-flex;
+    text-align: center;
+    margin-left: 1rem;
+}
+
+.logo {
+    width: 7rem;
+}
+
+
+/* Dark mode */
+@media (prefers-color-scheme: dark) {
+    body {
+        background-color: #111111;
+        color: #cccccc;
+    }
+
+    .logo-container {
+        color: #cccccc;
+    }
+}
\ No newline at end of file
diff --git a/50x/index.html b/50x/index.html
new file mode 100644
index 0000000..6075fc9
--- /dev/null
+++ b/50x/index.html
@@ -0,0 +1,23 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Not found</title>
+    <link rel="stylesheet" href="index.css">
+</head>
+<body>
+    <div class="main">
+        <div class="error-text-container">
+            <h1 class="error-text">Something went wrong!</h1>
+            <h2 class="error-text">This service may be down :(</h2>
+        </div>
+                <a href="https://exozy.me" class="logo-container">
+                    <img src="https://exozy.me/img/logo.svg" alt="The exozyme logo" class="logo">
+                    <h1>exozyme</h1>
+                </a>
+
+    </div>
+
+</body>
+</html>
\ No newline at end of file
