@tailwind base;
@tailwind components;
@tailwind utilities;
#particles-js {
  height: 100%;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
}
#float {
  animation: floating 3s ease-in-out infinite;
}
@keyframes floating {
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(20px);
  }
  to {
    transform: translateY(0);
  }
}
::-webkit-scrollbar {
  width: 8px;
}
::-webkit-scrollbar-track {
  background-color: #9c59db;
}
::-webkit-scrollbar-thumb {
  background-color: rgba(255, 255, 0, 0.558);
}
.body {
  scroll-behavior: smooth;
}
.text-glow:hover {
  text-shadow: 0 0 7px #b0b0b0, 0 0 15px rgb(9, 235, 16),
    0 0 25px rgb(0, 231, 22);
}
.glow {
  text-shadow: 0 0 3px #37f633, 0 0 15px rgb(51, 135, 37),
    0 0 25px rgb(90, 229, 61);
}
.white-glow {
  text-shadow: 0 0 2px #ef0, 0 0 50px rgba(236, 255, 143, 0.7),
    0 0 20px hsla(65, 5%, 49%, 0.39);
}

.Register{
  border-bottom: 2px solid #37f633;

/*rulebook button fix*/ 
.rulebookbtn{
    position: relative;
    z-index: 39; /* setting z value higher than Particle.js */
}