:root {
  --spot-x: 50%;
  --spot-y: 50%;
}


.spotlight {
  position: fixed;
  inset: 0;
  pointer-events: none;
  z-index: 99;

  background: radial-gradient(
    /* circle var(--spot-radius) at var(--spot-x) var(--spot-y),
    transparent 20%,
    rgba(0, 0, 0, 0.8) var(--spot-falloff) */
    circle at var(--spot-x) var(--spot-y), transparent 20%,
    rgba(0,0,0,0.8) 30%
  );
 background-position: var(--spot-x) var(--spot-y);
      background-size: 200% 200%;
      transition: background-position 0.1s ease-out,
                  opacity 0.6s ease;
      opacity: 0.9;
      animation: breathe 3s ease-in-out infinite;




  
}

body:not(:hover) .spotlight {
  opacity: 0;
}
/* matching minecraft torch */
/* from https://stackoverflow.com/questions/57218443/how-to-animate-a-radial-gradient-using-css  */
@keyframes breathe {
      0%, 100% {
        background-size: 200% 200%;
      }
      50% {
        background-size: 250% 250%;
      }
  
}

html, body {
  cursor: none;
       margin: 0;
      padding: 0;
      cursor: none;
      background: #222; 
      height: 100vh;
}