.fireball, .trail-dot {
  position: fixed; /* fixed to viewport */
  border-radius: 50%;
  pointer-events: none;
  z-index: 9999;
}

.fireball {
  width: 25px;
  height: 25px;
  background: #39ff14;
  box-shadow: 0 0 15px #39ff14, 0 0 30px #39ff14, 0 0 50px #39ff14;
  transform-origin: center;
}

.trail-dot {
  width: 12px;
  height: 12px;
  background: #39ff14;
  box-shadow: 0 0 8px #39ff14, 0 0 16px #39ff14;
  opacity: 0.5;
  transition: transform 0.05s linear, opacity 0.2s linear, background 0.2s linear;
}