@import "tailwindcss";


.urbanist-custom {
  font-family: "Urbanist", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
}

.fade-in {
  opacity: 0;
  transition: opacity 1s ease-in-out;

}

.fade-in-delay-5s {
  opacity: 0;
  transition: opacity 1s ease-in-out;
  transition-delay: 5s;
}

.fade-in-delay-2s {
  opacity: 0;
  transition: opacity 1s ease-in-out;
  transition-delay: 1s;
}

.fade-clarity {
  opacity: 0.2;
  filter: blur(5px);
  transition: opacity 1s ease-in-out;

}

.stagger {

  opacity: 0;
  filter: blur(5px);
  transform: translateX(-100%);
  transition: all 1s;
}

.icons {
  display: grid;
}

.icon:nth-child(2) {
  transition-delay: 200ms;
}

.icon:nth-child(3) {
  transition-delay: 400ms;
}

.icon:nth-child(4) {
  transition-delay: 600ms;
}

.stagger_show {
  opacity: 1;
  filter: blur(0);
  transform: translateX(0);

}

.clarity_show{
  opacity: 1;
  filter: blur(0);

}


.show {
  opacity: 1;

}

/* Floating animation for tech elements */
@keyframes float {
  0%, 100% {
    transform: translateY(0px) rotate(0deg);
  }
  50% {
    transform: translateY(-20px) rotate(5deg);
  }
}

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

.animate-float:nth-child(2) {
  animation-delay: 2s;
}

.animate-float:nth-child(3) {
  animation-delay: 4s;
}

@keyframes flipworthy-logo-in {
  0% {
    opacity: 0;
    transform: rotateY(90deg) scale(0.7);
  }
  60% {
    opacity: 1;
    transform: rotateY(-10deg) scale(1.1);
  }
  80% {
    transform: rotateY(5deg) scale(0.95);
  }
  100% {
    opacity: 1;
    transform: rotateY(0deg) scale(1);
  }
}

.flipworthy-logo-animate {
  animation: flipworthy-logo-in 1.2s cubic-bezier(0.68, -0.55, 0.27, 1.55) 0.2s both;
}

@keyframes flipworthy-subtitle-in {
  0% {
    opacity: 0;
    transform: translateY(30px);
  }
  80% {
    opacity: 1;
    transform: translateY(-4px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

.flipworthy-subtitle-animate {
  animation: flipworthy-subtitle-in 1s cubic-bezier(0.68, -0.55, 0.27, 1.55) 1.1s both;
}