/* Configure Tailwind for the desired fonts and colors */
        @import url('https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap');
        @import url('https://fonts.googleapis.com/css2?family=Merriweather:ital,wght@0,300;0,400;0,700;0,900;1,300;1,400;1,700;1,900&display=swap');

        :root {
            --color-primary: #4A90E2; /* Soft Blue */
            --color-secondary: #00C853; /* Vibrant Green */
            --color-accent: #FFD600; /* Subtle Yellow */
            --color-bg-light: #F5F5F5; /* Light Gray */
            --color-white: #FFFFFF;
        }

        /* Custom Styles for Glassmorphism and Floating Elements */
        .glass-card {
            background: rgba(255, 255, 255, 0.15);
            backdrop-filter: blur(10px);
            -webkit-backdrop-filter: blur(10px);
            border: 1px solid rgba(255, 255, 255, 0.3);
            box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.37);
        }

        .floating {
            animation: float 6s ease-in-out infinite;
        }

        @keyframes float {
            0% { transform: translate(0, 0px); }
            50% { transform: translate(0, 15px); }
            100% { transform: translate(0, 0px); }
        }

        .hero-bg-anim {
            background-image: linear-gradient(135deg, #4A90E2 0%, #00C853 100%);
        }

        /* Set default font */
        body {
            font-family: 'Dancing Script', cursive;
            color: #333;
            background-color: var(--color-bg-light);
            line-height: 1.7;
}


        h1, h2, h3, h4 {
            font-family: 'Inter', sans-serif;
        }

        .body-serif {
            font-family: 'Merriweather', serif;
        }

        /* Global utility classes for colors */
        .text-primary { color: var(--color-primary); }
        .bg-primary { background-color: var(--color-primary); }
        .text-secondary { color: var(--color-secondary); }
        .bg-secondary { background-color: var(--color-secondary); }
        .text-accent { color: var(--color-accent); }
        .bg-accent { background-color: var(--color-accent); }

        /* Smooth scroll for navigation */
        html {
            scroll-behavior: smooth;
        }
        @keyframes marquee {
    0% { transform: translateX(100%); }
    100% { transform: translateX(-100%); }
}
.animate-marquee {
    animation: marquee 20s linear infinite;
}

/* Fade In / Down */
@keyframes fadeInDown {
    0% { opacity: 0; transform: translateY(-20px); }
    100% { opacity: 1; transform: translateY(0); }
}
.animate-fadeInDown { animation: fadeInDown 1s ease forwards; }

/* Fade In / Up */
@keyframes fadeInUp {
    0% { opacity: 0; transform: translateY(20px); }
    100% { opacity: 1; transform: translateY(0); }
}
.animate-fadeInUp { animation: fadeInUp 1s ease forwards; }

/* Text Pulse */
@keyframes textPulse {
    0%, 100% { text-shadow: 0 0 5px #FBBF24, 0 0 10px #FBBF24; }
    50% { text-shadow: 0 0 15px #FBBF24, 0 0 25px #FBBF24; }
}
.animate-textPulse { animation: textPulse 2s infinite; }

/* Simple slideshow */
.slide { opacity: 0; transition: opacity 1s ease; }
.slide.active { opacity: 1; }

@keyframes fadeIn {
  0% { opacity: 0; transform: scale(0.9); }
  100% { opacity: 1; transform: scale(1); }
}
.animate-fadeIn {
  animation: fadeIn 0.4s ease forwards;
}