/* Custom CSS for Denner & Associates Law Firm Website */

/*
   This file is primarily for any specific styles that are difficult
   to achieve directly with Tailwind CSS classes, or for global overrides.
   For this project, most styling is handled by Tailwind.
*/

/* Example: Basic animation for hero text (optional, Tailwind handles most animations) */
@keyframes fadeInFromBottom {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.animate-fade-in-up {
    animation: fadeInFromBottom 0.8s ease-out forwards;
    opacity: 0; /* Start invisible */
}

.delay-200 {
    animation-delay: 0.2s;
}

.delay-400 {
    animation-delay: 0.4s;
}

/* Ensure smooth scrolling for anchor links */
html {
    scroll-behavior: smooth;
}

/* Hide scrollbar for aesthetic purposes, but allow scrolling */
body {
    -ms-overflow-style: none;  /* IE and Edge */
    scrollbar-width: none;  /* Firefox */
}
body::-webkit-scrollbar {
    display: none; /* Chrome, Safari, Opera*/
}

/* You can add more custom styles here if needed */