/* Main CSS for The Fergus-Elora Academy of Dance */
/****
.hero-section {
            background: linear-gradient(-45deg, rgba(255,77,109,0.7), rgba(217,4,41,0.7), rgba(112,0,255,0.7), rgba(0,181,204,0.7));
            background-size: 400% 400%;
            animation: gradientBG 15s ease infinite;
        }
        
@keyframes gradientBG {
    0% { background-position: 0% 50% }
    50% { background-position: 100% 50% }
    100% { background-position: 0% 50% }
}
****/


.hero-section {
    background: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), url('../images/hero-bg.jpg');
    background-size: cover;
    background-position: center;
}

.dance-card {
    transition: all 0.3s ease;
}

.dance-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.navbar {
    transition: all 0.3s ease;
}

.navbar.scrolled {
    background-color: rgba(33, 37, 41, 0.95);
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}

 .instructor-hero {
            background: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), url('https://images.unsplash.com/photo-1573496359142-b8d87734a5cd?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=688&q=80');
            background-size: cover;
            background-position: center;
}