@tailwind base;
@tailwind components;
@tailwind utilities;

.vanta-canvas {
  opacity: 0.5 !important;
}
.vanta-container::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(
    to bottom,
    rgba(15, 23, 42, 0) 33%,
    rgba(15, 23, 42, 1) 90%
  );
  z-index: 1;
}
@keyframes float {
  0% { transform: translateY(0px); }
  50% { transform: translateY(-20px); }
  100% { transform: translateY(0px); }
}
.animate-float {
  animation: float 6s ease-in-out infinite;
}