/* CURSOR START */

.cursor {
  position: fixed;
  width: 25px;
  height: 25px;
  border-radius: 50%;
  background: #f1f1f1;
  will-change: transform;
  mix-blend-mode: difference;
  z-index: 999;
  left: 0;
  top: 0;
  pointer-events: none;
  transform: translate(-50%, -50%);
  transition-property: width, height;
  transition-duration: 0.5s;
}

.cursor-active {
  width: 50px;
  height: 50px;
  transition-property: width, height;
  transition-duration: 0.3s;
}

/* CURSOR END */