009. 精霊を呼び出す場所

body {
  margin: 0;
  min-height: 100vh;
  background: #111;
}

.spirit {
  position: fixed;
  width: 400px;
  height: 400px;
  background: red;
  border-radius: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
}

document.addEventListener('click', function(event) {
  const spirit = document.createElement('div');
  spirit.classList.add('spirit');
  spirit.style.left = event.clientX + 'px';
  spirit.style.top = event.clientY + 'px';
  document.body.appendChild(spirit);
});