diff --git a/src/pages/404.astro b/src/pages/404.astro
index 8dba32f..894c7ba 100644
--- a/src/pages/404.astro
+++ b/src/pages/404.astro
@@ -1,5 +1,5 @@
 ---
-import "./src/css/snowflake.css";
+import "./src/css/app.css";
 ---
 
 <html lang="en-us">
@@ -12,13 +12,14 @@ import "./src/css/snowflake.css";
     <link rel="icon" type="image/png" sizes="192x192" href="/src/img/logo_bg.svg" />
     <link rel="apple-touch-icon" type="image/png" sizes="180x180" href="/src/img/logo_bg.svg" />
   </head>
-  <body class="bg-cover bg-[url('/src/img/gradient.webp')] text-white overflow-hidden">
+  <body class="bg-gradient-to-b from-neutral-700 via-neutral-900 to-neutral-950 text-white overflow-hidden">
     <div class="flex items-center justify-center min-h-screen">
-      <div class="bg-[rgba(11,11,11,0.6)] aspect-square rounded-3xl border-2 border-white flex flex-col items-center justify-center w-full h-full max-w-[40vmin] max-h-[40vmin] md:max-w-[20vmin] md:max-h-[20vmin]">
+      <div class="flex flex-col items-center justify-center w-full h-full max-w-[40vmin] max-h-[40vmin] md:max-w-[20vmin] md:max-h-[20vmin]">
         <h1 class="text-6xl">404</h1>
       </div>
     </div>
     <div id="snowflake-container"></div>
-    <script src="/src/js/snowflakes.js"></script>
+    <script src="/src/js/snowflakes.ts"></script>
+    <script src="/src/js/index.ts"></script>
   </body>
 </html>
