---
import "/src/css/app.css";
---

<html lang="en-us">
  <head>
    <meta charset="utf-8" />
    <title>404</title>
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" />
    <meta name="darkreader-lock" />
    <link rel="icon" type="image/x-icon" href="/src/img/logo_bg.svg" />
    <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-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="flex flex-col items-center justify-center w-full h-full max-w-[60vmin] max-h-[60vmin] md:max-w-[35vmin] md:max-h-[35vmin]">
        <h1 class="text-4xl opacity-0 font-sfpro font-semibold">404</h1>
      </div>
    </div>
    <div id="snowflake-container"></div>
    <script src="/src/js/snowflakes.ts"></script>
    <script src="/src/js/index.ts"></script>
  </body>
</html>
