diff --git a/templates/404.html b/templates/404.html
index d9c8269..8fe2981 100644
--- a/templates/404.html
+++ b/templates/404.html
@@ -2,7 +2,6 @@
   <head>
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <link rel="stylesheet" href="/templates/404styles.css" />
     <title>Fuck Your Day</title>
     <script language="JavaScript" type="text/javascript">
       setTimeout(function () {
@@ -12,6 +11,37 @@
     </script>
   </head>
   {% block body %}
+  <style>
+    :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;
+      }
+    }
+  </style>
   <div>
     <h1>404</h1>
     <h2>You're so lost.</h2>
