/* Custom CSS Overrides and Animations */

/* Smooth scrolling applied via HTML tag in Tailwind, but adding fallback */
html {
  scroll-behavior: smooth;
}

/* Custom fade in animation used in Hero section */
@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.fade-in-up {
  opacity: 0; /* Start hidden */
  animation: fadeInUp 0.8s ease-out forwards;
}

.delay-100 {
  animation-delay: 100ms;
}

.delay-200 {
  animation-delay: 200ms;
}

/* Custom scrollbar */
::-webkit-scrollbar {
  width: 10px;
}
::-webkit-scrollbar-track {
  background: #f1f1f1; 
}
::-webkit-scrollbar-thumb {
  background: #003366; 
  border-radius: 5px;
}
::-webkit-scrollbar-thumb:hover {
  background: #002244; 
}