/* Custom styles */ :root { --primary-blue: #1a365d; --secondary-blue: #2c5282; --accent-gold: #d69e2e; --light-gold: #f6e05e; --dark-blue: #1a202c; --house-red: #e53e3e; --house-blue: #3182ce; --house-green: #38a169; --house-yellow: #d69e2e; } .text-accent-gold { color: var(--accent-gold); } body { overflow-x: hidden; padding-top: 80px; color: var(--dark-blue); } /* Ensure hero section starts below navbar */ .hero-image { margin-top: 80px; min-height: calc(100vh - 80px); } @media (min-width: 768px) { .hero-image { margin-top: 80px; min-height: calc(100vh - 80px); } } /* Smooth scrolling */ html { scroll-behavior: smooth; } /* Button hover effects */ .btn-hover-effect { transition: all 0.3s ease; background-color: var(--accent-gold); color: white; } .btn-hover-effect:hover { transform: translateY(-2px); box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); background-color: var(--light-gold); } /* Responsive typography */ @media (max-width: 640px) { .hero-title { font-size: 2.5rem; } .hero-subtitle { font-size: 1.25rem; } } /* Animation for buttons */ @keyframes pulse { 0% { transform: scale(1); } 50% { transform: scale(1.05); } 100% { transform: scale(1); } } .pulse-animation:hover { animation: pulse 1.5s infinite; }