var pointerX = 0;
var pointerY = 0;
var width = window.innerWidth / 2;
var height = window.innerHeight / 2;
var body = document.body;
var light = document.getElementById("light");

window.addEventListener(
  "resize",
  function (event) {
    width = window.innerWidth / 2;
    height = window.innerHeight / 2;
  },
  true
);

document.onmousemove = function (event) {
  pointerX = (width - event.pageX) * -1;
  pointerY = (height - event.pageY) * -1;
  body.style.setProperty("--x", pointerX + "px");

  body.style.setProperty("--y", pointerY + "px");
};