@import url('https://fonts.googleapis.com/css2?family=Telex&display=swap');

/* Rich Organic Gradient Background Animation */
@keyframes jotaGradient {
  0% {
    background-position: 0% 50%;
  }

  50% {
    background-position: 100% 50%;
  }

  100% {
    background-position: 0% 50%;
  }
}

.bg-animate-jota {
  background: linear-gradient(-45deg, #dbe9df, #cbf7d2, #9c9c9c, #ffffff, #8a8a8a);
  background-size: 800% 800%;
  animation: jotaGradient 30s ease infinite;
}

/* Premium custom scrollbar styling */
::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}

::-webkit-scrollbar-track {
  background: rgba(240, 253, 244, 0.5);
  border-radius: 9999px;
}

::-webkit-scrollbar-thumb {
  background: rgba(77, 255, 99, 0.4);
  border-radius: 9999px;
  border: 2px solid transparent;
  background-clip: content-box;
}

::-webkit-scrollbar-thumb:hover {
  background: rgba(60, 219, 81, 0.7);
  border-radius: 9999px;
  border: 2px solid transparent;
  background-clip: content-box;
}

* {
  scrollbar-width: thin;
  scrollbar-color: rgba(77, 255, 99, 0.4) rgba(240, 253, 244, 0.5);
}