feat: uh hahaha you'll see ... again!

packages/website/src/layouts/BaseLayout.astro

@@ -7,6 +7,7 @@ import Navbar from '../components/Navbar.astro';
 import Party3 from '../components/Party3.astro';
 import './base.css';
 import { DEFAULT_LOCALE } from '@blitzkit/i18n';
+import Funny from '../components/Funny.astro';
 
 export interface Props {
   noFooter?: boolean;
@@ -23,6 +24,10 @@ const locale = Astro.params.locale ?? DEFAULT_LOCALE;
     <link rel="icon" type="image/x-icon" href="/favicon.png" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <link rel="sitemap" href="/sitemap-index.xml" />
+    <link
+      href="https://fonts.googleapis.com/css2?family=Schoolbell&display=swap"
+      rel="stylesheet"
+    />
 
     <Party3 />
 
@@ -55,6 +60,8 @@ const locale = Astro.params.locale ?? DEFAULT_LOCALE;
   </head>
 
   <body>
+    <Funny />
+
     <BlitzKitTheme>
       <Flex direction="column" minHeight="100vh">
         <Navbar />

packages/website/src/layouts/base.css

@@ -2,4 +2,48 @@
 
 body {
   margin: 0;
+  cursor:
+    url(https://i.imgur.com/MeQQWCX.png) 16 16,
+    auto;
+}
+
+* {
+  font-family: 'Schoolbell', cursive !important;
+}
+
+.radix-themes {
+  --gray-1: var(--crimson-5);
+  --gray-2: var(--crimson-5);
+  --gray-3: var(--crimson-5);
+  --gray-4: var(--crimson-6);
+  --gray-5: var(--crimson-6);
+  --gray-6: var(--crimson-7);
+  --gray-7: var(--crimson-7);
+  --gray-8: var(--crimson-8);
+  --gray-9: var(--crimson-9);
+  --gray-10: var(--crimson-10);
+  --gray-11: var(--crimson-11);
+  --gray-12: var(--crimson-12);
+}
+
+.star {
+  position: fixed;
+  color: yellow;
+  font-size: 20px;
+  pointer-events: none;
+  animation:
+    fade-out 0.6s ease-out forwards,
+    move-up 0.6s ease-out forwards;
+}
+
+@keyframes fade-out {
+  to {
+    opacity: 0;
+  }
+}
+
+@keyframes move-up {
+  to {
+    transform: translateY(20px);
+  }
 }