html,
body {
    margin: 0;
    padding: 0;
    cursor: none;
}

/* Cursor dot */
.cursor {
  position: fixed;
  pointer-events: none;
  width: 12px;
  height: 12px;
  background: #fff;
  border-radius: 50%;
  mix-blend-mode: difference;
  transform: translate(-50%, -50%);
  transition: transform 0.25s ease;
  z-index: 99999;
}


/* Scale effect on hover */
.cursor-scale:hover~.cursor {
    transform: translate(-50%, -50%) scale(8);
}