@import url("https://api.fontshare.com/v2/css?f[]=satoshi@400,500,700&display=swap");
@import "tailwindcss";
@import "swiper/css";
@import "swiper/css/navigation";
@import "swiper/css/pagination";

* {
  scroll-behavior: smooth;
}

body,
p,
li,
span,
a,
label,
input,
textarea,
select,
button {
  font-family: "Satoshi", sans-serif;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Times New Roman", Times, serif;
}

@keyframes coming-soon-slide-up {
  from { opacity: 0; transform: translateY(18px); }
  to   { opacity: 1; transform: translateY(0); }
}

@keyframes dot-fadein {
  from { opacity: 0; transform: translateY(6px); }
  to   { opacity: 1; transform: translateY(0); }
}

@keyframes dot-bounce {
  0%, 100% { transform: translateY(0); }
  50%       { transform: translateY(-8px); }
}

.animate-coming-soon-text {
  animation: coming-soon-slide-up 0.9s cubic-bezier(0.22, 1, 0.36, 1) both;
}

.animate-dot-1 {
  animation:
    dot-fadein 0.3s ease-out 0.7s both,
    dot-bounce 0.9s ease-in-out 1.0s infinite;
}

.animate-dot-2 {
  animation:
    dot-fadein 0.3s ease-out 0.95s both,
    dot-bounce 0.9s ease-in-out 1.25s infinite;
}

.animate-dot-3 {
  animation:
    dot-fadein 0.3s ease-out 1.2s both,
    dot-bounce 0.9s ease-in-out 1.5s infinite;
}