Spaces:
Running
Running
Build a landing page with a retro-futuristic, people-focused aesthetic inspired by Googie architecture (The Jetsons, 50s/60s space age) and the architectural grandeur of The Talos Principle II's New Jerusalem (classical proportions with futuristic tech elements). Think: geometric patterns, dimensional shapes with depth, glowing accents, warm gradients, and optimistic space-age design—not flat, rounded rectangles.
f853e9d
verified
| @keyframes float { | |
| 0% { transform: translateY(0px); } | |
| 50% { transform: translateY(-10px); } | |
| 100% { transform: translateY(0px); } | |
| } | |
| @keyframes pulse { | |
| 0% { opacity: 0.6; } | |
| 50% { opacity: 1; } | |
| 100% { opacity: 0.6; } | |
| } | |
| .floating { | |
| animation: float 6s ease-in-out infinite; | |
| } | |
| .pulsing { | |
| animation: pulse 3s ease-in-out infinite; | |
| } | |
| .organic-shape { | |
| clip-path: polygon( | |
| 0% 15%, 15% 0%, 85% 0%, 100% 15%, | |
| 100% 85%, 85% 100%, 15% 100%, 0% 85% | |
| ); | |
| } | |
| .glass-effect { | |
| backdrop-filter: blur(10px); | |
| -webkit-backdrop-filter: blur(10px); | |
| background-color: rgba(255, 255, 255, 0.7); | |
| } | |
| body { | |
| overflow-x: hidden; | |
| } | |
| /* Custom scrollbar */ | |
| ::-webkit-scrollbar { | |
| width: 8px; | |
| } | |
| ::-webkit-scrollbar-track { | |
| background: #f1f1f1; | |
| border-radius: 10px; | |
| } | |
| ::-webkit-scrollbar-thumb { | |
| background: linear-gradient(to bottom, #3b82f6, #22c55e); | |
| border-radius: 10px; | |
| } | |
| ::-webkit-scrollbar-thumb:hover { | |
| background: linear-gradient(to bottom, #2563eb, #16a34a); | |
| } |