@import url('https://fonts.googleapis.com/css2?family=Nixie+One&family=Rubik:wght@300;500&display=swap');
@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");
@import url(https://fonts.googleapis.com/css?family=Open+Sans:600,300);

/* GLOBAL STYLES
-------------------------------------------------- */
/* Padding below the footer and lighter body text */
html{
    scroll-behavior: smooth;
}
body {
  padding-top: 1rem;
  color: #5a5a5a;
  overflow-x: hidden; /* on body */

}


        /* Scroll styling */
        ::-webkit-scrollbar {
            width: 6px;
        }

        ::-webkit-scrollbar-track {
            background: rgba(255, 255, 255, 0.8);
        }

        ::-webkit-scrollbar-thumb {
            background: linear-gradient(rgb(250, 166, 25), #ffe188);
            border-radius: 3px;
        }

        ::-webkit-scrollbar-thumb:hover {
            background: linear-gradient(#084298, rgb(139, 214, 255));
        }


        /* For animation */

        /* --- Minimal animation set to replace Animate.css --- */

/* Fade In */
.fadeIn {
  opacity: 0;
  animation: fadeIn 0.8s ease forwards;
}
@keyframes fadeIn {
  to {
    opacity: 1;
  }
}

/* Fade In Left */
.fadeInLeft {
  opacity: 0;
  transform: translateX(-30px);
  animation: fadeInLeft 0.8s ease forwards;
}
@keyframes fadeInLeft {
  to {
    opacity: 1;
    transform: translateX(0);
  }
}

/* Fade In Right */
.fadeInRight {
  opacity: 0;
  transform: translateX(30px);
  animation: fadeInRight 0.8s ease forwards;
}
@keyframes fadeInRight {
  to {
    opacity: 1;
    transform: translateX(0);
  }
}

/* Delay helpers (if needed) */
.delay-02s { animation-delay: 0.2s; }
.delay-04s { animation-delay: 0.4s; }

.fadeIn, .fadeInLeft, .fadeInRight {
  animation-play-state: paused; /* stay still until triggered */
}

.animate-in {
  animation-play-state: running !important;
}

/* Initial paused state */
.anim-paused {
  animation-play-state: paused !important;
}

/* Mobile shorter duration */
.anim-fast {
  animation-duration: 0.5s !important;
}

/* When triggered */
.animate-in {
  animation-play-state: running !important;
}