@tailwind base;
@tailwind components;
@tailwind utilities;
@import "parallax.css";

/* Hide scrollbar for Chrome, Safari and Opera */
.no-scrollbar::-webkit-scrollbar {
    display: none;
}

/* Hide scrollbar for IE, Edge and Firefox */
.no-scrollbar {
    -ms-overflow-style: none;  /* IE and Edge */
    scrollbar-width: none;  /* Firefox */
}

.outline-text {
    text-shadow: 1px 0 0 #000, 0 -1px 0 #000, 0 1px 0 #000, -1px 0 0 #000;
}

:root {
    --animate-delay: 0.2s!important;
  }

.animate__animated.animate__delay-6s {
    -webkit-animation-delay: 6s;
    animation-delay: 6s;
    -webkit-animation-delay: calc(var(--animate-delay)* 6);
    animation-delay: calc(var(--animate-delay)* 6);
}

.active {
    @apply text-orange
}

/* Forceer scroll-snap UIT op telefoons */
@media (max-width: 767.98px) {
  html, body {
    scroll-snap-type: none !important;
  }
}