body { margin: 0; font-family: 'League Spartan', Arial, sans-serif; background-color: #1d434e; color: #fff2c6; overflow-x: hidden; } .hero-banner { position: relative; min-height: 90vh; display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center; background: url('https://images.unsplash.com/photo-1505761671935-60b3a7427bad?auto=format&fit=crop&w=1600&q=80') center/cover no-repeat; } .search-card { background: rgba(255, 255, 255, 0.2); border: 1px solid rgba(255, 255, 255, 0.3); border-radius: 25px; padding: 1.5rem; max-width: 600px; width: 90%; box-shadow: 0 4px 30px rgba(0, 0, 0, 0.3); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); } .logo { width: 160px; margin-bottom: 1rem; } .tagline { font-size: 2rem; color: #fff2c6; animation: fade 12s infinite; } @keyframes fade { 0%, 40%, 100% { opacity: 1; } 50%, 90% { opacity: 0.4; } } @media (max-width: 768px) { .tagline { font-size: 1.5rem; } }
#STYCNCTD
PASSPORT PLUG'S PICKS
.site-footer { background-color: #1d434e; /* dark teal */ color: #fff2c6; /* cream */ padding: 2rem; text-align: center; font-size: 0.9rem; } .footer-links a { color: #e17528; /* burnt orange */ text-decoration: none; margin: 0 0.5rem; } .footer-links span { color: #fff2c6; } .footer-links a:hover { text-decoration: underline; }