VibeCodingStudio/phantom-digital-vibes
0
1@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap');2 3body {4 font-family: 'Inter', sans-serif;5 scroll-behavior: smooth;6}7 8/* Custom scrollbar */9::-webkit-scrollbar {10 width: 8px;11}12 13::-webkit-scrollbar-track {14 background: #1e293b;15}16 17::-webkit-scrollbar-thumb {18 background: #334155;19 border-radius: 4px;20}21 22::-webkit-scrollbar-thumb:hover {23 background: #475569;24}25 26/* Animation classes */27.animate-float {28 animation: float 6s ease-in-out infinite;29}30 31@keyframes float {32 0% { transform: translateY(0px); }33 50% { transform: translateY(-20px); }34 100% { transform: translateY(0px); }35}36.gradient-text {37 background-clip: text;38 -webkit-background-clip: text;39 color: transparent;40}41 42/* Cyber glow effect */43.cyber-glow {44 text-shadow: 0 0 5px rgba(0, 255, 255, 0.5), 45 0 0 10px rgba(0, 255, 255, 0.3),46 0 0 15px rgba(0, 255, 255, 0.2);47}48 49/* PD logo animation */50@keyframes pd-pulse {51 0% { opacity: 0.8; }52 50% { opacity: 1; text-shadow: 0 0 8px cyan; }53 100% { opacity: 0.8; }54}55 56.pd-logo {57 animation: pd-pulse 2s ease-in-out infinite;58}59 