/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Mar 31 2025 | 16:34:49 */
.sperm-lr {
  position: relative;
  overflow: visible;
}

.sperm-lr::after {
  content: '';
  position: absolute;
  width: 12px;
  height: 12px;
  background: radial-gradient(circle at center, #CC04FF 40%, transparent 70%);
  border-radius: 50%;
  box-shadow: 0 0 8px #CC04FF, 0 0 15px #CC04FF;
  animation: anim-lr 3s linear infinite;
  z-index: 10;
  opacity: 0;
}

@keyframes anim-lr {
  0% {
    top: -6px;
    left: -6px;
    opacity: 1;
  }
  80% {
    top: -6px;
    left: 100%;
    transform: translateX(-100%);
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}


.sperm-ud {
  position: relative;
  overflow: visible;
}

.sperm-ud::after {
  content: '';
  position: absolute;
  width: 12px;
  height: 12px;
  background: radial-gradient(circle at center, #CC04FF 40%, transparent 70%);
  border-radius: 50%;
  box-shadow: 0 0 8px #CC04FF, 0 0 15px #CC04FF;
  animation: anim-ud 3s linear infinite;
  z-index: 10;
  opacity: 0;
}

@keyframes anim-ud {
  0% {
    top: -6px;
    left: -6px;
    opacity: 1;
  }
  80% {
    top: 100%;
    left: -6px;
    transform: translateY(-100%);
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}


.sperm-L {
  position: relative;
  overflow: visible;
}

.sperm-L::after {
  content: '';
  position: absolute;
  width: 12px;
  height: 12px;
  background: radial-gradient(circle at center, #CC04FF 40%, transparent 70%);
  border-radius: 50%;
  box-shadow: 0 0 8px #CC04FF, 0 0 15px #CC04FF;
  animation: anim-L 4s linear infinite;
  z-index: 10;
  opacity: 0;
}

@keyframes anim-L {
  0% {
    top: -6px;
    left: -6px;
    opacity: 1;
  }
  49% {
    top: -6px;
    left: 100%;
    transform: translateX(-100%);
    opacity: 1;
  }
  80% {
    top: 100%;
    left: 100%;
    transform: translate(-100%, -100%);
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}