html, body {
	margin: 0;
	padding: 0;
  cursor: none;
  overflow-x: hidden;
}
* {
	box-sizing: border-box;
}
.nav-wrapper {
  width: 100%;
  height: 100vh;
  background: #161616;
}
.hover-link {
  transition: all 0.3s ease;
  cursor: none;
}
span {
  pointer-events: none;
  transition: transform 0.1s linear;
}
.cursor {
  pointer-events: none;
  position: absolute;
  padding: 0.2rem;
  background-color: #b30000;
  border-radius: 50%;
  mix-blend-mode: difference;
  transition: transform 0.3s ease;
}

.cursor-follower {
	position: absolute;
	background: rgba(90, 237, 45, 0.179);
	width: 40px;
	height: 40px;
	border-radius: 100%;
	z-index: 1;
	transition: 0.6s cubic-bezier(0.75, -1.27, 0.3, 2.33) transform,
				0.4s cubic-bezier(0.75, -1.27, 0.3, 2.33) opacity;
	user-select: none;
	pointer-events: none;
	transform: translate(4px, 4px);
}

.hover-this:hover ~ .cursor {
      transform: translate(-50%, -50%) scale(8);
}