/* particles.js container */
#particles-js {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  z-index: -2;
  pointer-events: none;
}

/* Floating text container */
.floating-text-container {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  z-index: -1;
  pointer-events: none;
  overflow: visible;
}

/* Floating text elements */
.floating-text {
  position: absolute;
  opacity: 0.4;
  font-weight: bold;
  animation: floatAnimation linear infinite;
  user-select: none;
  white-space: nowrap;
}

/* Floating animation */
@keyframes floatAnimation {
  0% {
    transform: translateY(0) rotate(0deg);
    opacity: 0.5;
  }

  50% {
    transform: translateY(-30px) rotate(5deg);
    opacity: 0.7;
  }

  100% {
    transform: translateY(0) rotate(0deg);
    opacity: 0.5;
  }
}