body {
	background-color: black;
  overflow: hidden;
}

div {
	position: absolute;
	background-color: deeppink;
	border-radius: 50%;
	transition: .5s;
	z-index: 1;
}

div:hover {
	transform: scale(.5);
	box-shadow: 0px 0px 8px black;
}

#yop {
	color: black;
	position: fixed;
	font-family: monospace;
	font-size: 8vh;
	z-index: 666;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	text-shadow: 0px 0px 18px;
}

#yop:hover {
	transform: scale(2) rotate(180deg);
	transition: 1s;
}