.ball {
	position: fixed;
	border-radius: 50%;
	width: var(--d);
	height: var(--d);
	left: 0;
	top: 0;
	overflow: hidden;
	transform-origin: center;
	will-change: left, top, transform
}

.ball.pop {
	animation: pop .25s cubic-bezier(.2, .9, .25, 1.1)
}

@keyframes pop {
	from {
		transform: scale(.01);
		opacity: .7
	}

	50% {
		transform: scale(1.15)
	}

	to {
		transform: none;
		opacity: 1
	}
}

@media (hover: hover) {
  img[src="/assets/images/logo_image_small.png"]{
    cursor: pointer;
    will-change: transform, box-shadow;
  }
  img[src="/assets/images/logo_image_small.png"]:hover,
  img[src="/assets/images/logo_image_small.png"]:focus-visible {
    transform: scale(1.03);
  }
  img[src="/assets/images/logo_image_small.png"]:active {
    transform: scale(.985);
    transition-duration: 80ms;
  }
}