diff --git a/public/404.html b/public/404.html
new file mode 100644
index 00000000..3fecd6ac
--- /dev/null
+++ b/public/404.html
@@ -0,0 +1,30 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <title>SUI2</title>
+  <meta charset="utf-8">
+  <meta name="description" content="a startpage for your server and / or new tab page">
+  <meta content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" name="viewport" />
+  <link rel="shortcut icon" href="/icon-512.png" type="image/png">
+  <style>
+    .container {
+      display: flex;
+      flex-direction: column;
+      font-family: -apple-system, BlinkMacSystemFont, Helvetica Neue, Roboto, sans-serif;
+      margin-top: 20vh;
+    }
+    .container * {
+      align-self: center;
+    }
+  </style>
+</head>
+<body>
+  <div class="container">
+    <h2>404 Not Found</h2>
+    <p>
+      You are coming to the wrong place.
+    </p>
+  </div>
+
+</body>
+</html>
diff --git a/scss/styles.scss b/scss/styles.scss
index 737196bf..bb9b2de9 100755
--- a/scss/styles.scss
+++ b/scss/styles.scss
@@ -12,8 +12,7 @@ html,
 body {
   background-color: var(--color-background);
   color: var(--color-text-pri);
-  font-family: -apple-system, BlinkMacSystemFont, Helvetica Neue, Roboto,
-    sans-serif;
+  font-family: -apple-system, BlinkMacSystemFont, Helvetica Neue, Roboto, sans-serif;
   font-size: 14px;
   height: auto;
   letter-spacing: -0.012em;
