https://cdn.tailwindcss.com /* Reset and Base Styles */ #art-space-root { background-color: #0a0a0a !important; color: #ffffff !important; font-family: ‘Inter’, sans-serif; min-height: 100vh; margin: -20px; padding: 60px 20px; overflow-x: hidden; } .serif-italic { font-family: ‘Cormorant Garamond’, serif; font-style: italic; } .yellow-pop { color: #FFD700; } /* The Unfolding Animation */ .unfold-anim { animation: unfold 3s cubic-bezier(0.4, 0, 0.2, 1) forwards; } @keyframes unfold { from { opacity: 0; filter: blur(15px); transform: translateY(20px); letter-spacing: -2px; } to { opacity: 1; filter: blur(0); transform: translateY(0); letter-spacing: normal; } } /* Art Gallery Cards */ .art-card { position: relative; overflow: hidden; border: 1px solid #1a1a1a; background: #111; transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1); } .art-card:hover { border-color: #FFD700; box-shadow: 0 0 40px rgba(255, 215, 0, 0.15); transform: translateY(-5px); } .art-card img { transition: transform 1.2s ease, opacity 0.8s ease; opacity: 0.5; } .art-card:hover img { transform: scale(1.1); opacity: 1; } /* Subtle Button Glow */ .btn-glow:hover { box-shadow: 0 0 15px rgba(255, 215, 0, 0.4); }