| @import "tailwindcss"; | |
| :root { | |
| --background: #ffffff; | |
| --foreground: #171717; | |
| } | |
| @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; | |
| } | |
| } | |
| body { | |
| background: var(--background); | |
| color: var(--foreground); | |
| font-family: Arial, Helvetica, sans-serif; | |
| } | |
| .video-background { | |
| @apply fixed top-0 right-0 bottom-0 left-0 -z-10 overflow-hidden w-screen h-screen; | |
| } | |
| .video-background iframe { | |
| @apply absolute top-1/2 left-1/2 border-0 pointer-events-none bg-black; | |
| width: 100vw; | |
| height: 100vh; | |
| transform: translate(-50%, -50%); | |
| } | |
| @media (min-aspect-ratio: 16/9) { | |
| .video-background iframe { | |
| height: 56.25vw; | |
| } | |
| } | |
| @media (max-aspect-ratio: 16/9) { | |
| .video-background iframe { | |
| width: 177.78vh; | |
| } | |
| } | |