diff --git a/public/404.html b/public/404.html
new file mode 100644
index 00000000..68628a9b
--- /dev/null
+++ b/public/404.html
@@ -0,0 +1,35 @@
+<style>
+    body,
+    html {
+        height: 1vh;
+         
+    }
+
+    h1 {
+        text-align: center;
+        font-size: 18em;
+        max-width: 100%;
+
+    }
+
+    html {
+        background-image: url("/img/FxyVUnrakAAflqW.jpg");
+        background-repeat: repeat;
+        background-position: center center;
+        overflow-x: hidden;
+        overflow-y: hidden;
+    }
+
+    a {
+        text-decoration: none;
+    }
+
+    .rainbow-text {
+        background-image: linear-gradient(to left, violet, indigo, blue, green, yellow, orange, red);
+        -webkit-background-clip: text;
+        color: transparent;
+    }
+</style>
+<div>
+    <h1 id="title"><a href="/" class="rainbow-text">404</a></h1>
+</div>
\ No newline at end of file
diff --git a/public/img/FxyVUnrakAAflqW.jpg b/public/img/FxyVUnrakAAflqW.jpg
new file mode 100644
index 00000000..17d1802b
Binary files /dev/null and b/public/img/FxyVUnrakAAflqW.jpg differ
diff --git a/static/img/FxyVUnrakAAflqW.jpg b/static/img/FxyVUnrakAAflqW.jpg
new file mode 100644
index 00000000..17d1802b
Binary files /dev/null and b/static/img/FxyVUnrakAAflqW.jpg differ
diff --git a/themes/lugo/layouts/404.html b/themes/lugo/layouts/404.html
new file mode 100644
index 00000000..f5774b7b
--- /dev/null
+++ b/themes/lugo/layouts/404.html
@@ -0,0 +1,35 @@
+<style>
+    body,
+    html {
+        height: 1vh;
+        /* width: auto; */
+    }
+
+    h1 {
+        text-align: center;
+        font-size: 18em;
+        max-width: 100%;
+
+    }
+
+    html {
+        background-image: url("/img/FxyVUnrakAAflqW.jpg");
+        background-repeat: repeat;
+        background-position: center center;
+        overflow-x: hidden;
+        overflow-y: hidden;
+    }
+
+    a {
+        text-decoration: none;
+    }
+
+    .rainbow-text {
+        background-image: linear-gradient(to left, violet, indigo, blue, green, yellow, orange, red);
+        -webkit-background-clip: text;
+        color: transparent;
+    }
+</style>
+<div>
+    <h1 id="title"><a href="{{ "" | relURL }}" class="rainbow-text">404</a></h1>
+</div>
\ No newline at end of file