First commit

2026-03-02 00:06:33 +01:00
parent cc8d689e5d
commit 278471e53b
23 changed files with 857 additions and 105 deletions
@@ -1,26 +1,44 @@
+/* app/globals.css */
+
@import "tailwindcss";

-:root {
-  --background: #ffffff;
-  --foreground: #171717;
-}
+@layer base {

-@theme inline {
-  --color-background: var(--background);
-  --color-foreground: var(--foreground);
-  --font-sans: var(--font-geist-sans);
-  --font-mono: var(--font-geist-mono);
-}
-
-@media (prefers-color-scheme: dark) {
-  :root {
-    --background: #0a0a0a;
-    --foreground: #ededed;
+  html,
+  body {
+    line-height: normal;
  }
 }

-body {
-  background: var(--background);
-  color: var(--foreground);
-  font-family: Arial, Helvetica, sans-serif;
+@font-face {
+  font-family: 'Beachday';
+  src: url('/fonts/Beachday.woff2') format('woff2'),
+    url('/fonts/Beachday.woff') format('woff'),
+    url('/fonts/Beachday.ttf') format('truetype');
+  font-weight: normal;
+  font-style: normal;
 }
+
+/* 1. Add your exact keyframes from the old site */
+@keyframes animateright {
+  from {
+    right: -300px;
+    opacity: 0;
+  }
+
+  to {
+    right: 0;
+    opacity: 1;
+  }
+}
+
+/* 2. Create a custom class to apply it */
+.player-animation {
+  position: relative;
+  animation: animateright 1.5s;
+}
+
+:root {
+  --font-beachday: 'Beachday', sans-serif;
+  --font-sans: var(--font-montserrat), sans-serif;
+}