#optionWheel {
	position: absolute;
	top: 0;
	left: 0;
	height: 50px;
	width: 50px;
	cursor: pointer;
}

#optionWheel:hover {
	transform: rotate(360deg);
}

#info {
	font-size: 20px;
	color: white;
	position: absolute;
	top: 50px;
	left: 4px;
	cursor: pointer;
	width: 40px;
	height: 40px;
	-webkit-text-stroke-width: 1px;
	-webkit-text-stroke-color: #02f2f2;
}

#info:hover {
	transform: scale(1.2);
	text-shadow: 5px 0 10px #02f2f2,
	            -3px 0 12px #02f2f2;
}

#discord {
	position: absolute;
	top: 120px;
	left: 4px;
	width: 40px;
	height: 40px;
}

#discord>img {
	position: relative;
	width: 100%;
	height: 100%;
	z-index: 1;
}

#discordLinks {
	position: absolute;
	top: 0;
	left: -280px;
	width: 200px;
	padding: 40px 25px 15px 35px;
	background-color: color-mix(in srgb, var(--background) 95%, var(--points));
	border-radius: 10px;
	box-shadow: 0px 0px 10px 10px color-mix(in srgb, var(--background) 95%, var(--points));
	transition: left .3s ease;
}

#discordLinks>li {
	margin-top: 10px;
}

#discord:hover>#discordLinks {
	left: -10px;
}

#version {
	position: absolute;
	right: 4px;
	top: 4px;
	text-align: right;
	color: var(--points);
	text-shadow: 0 0 10px var(--points);
	cursor: pointer;
}

#version:hover {
	transform: scale(1.1);
	right: 4.8px;
}

a {
	color: #007fff;
	-webkit-text-decoration-line: none;
	-moz-text-decoration-line: none;
	text-decoration-line: none;
	text-decoration: none;
	cursor: pointer;
}

.link {
	display: inline-block;
	font-size: 20px;
	color: #41f5f5;
	cursor: pointer;
	font-family: "Lucida Console", "Courier New", monospace;
}

.link:hover {
	transform: scale(1.2);
	text-shadow: 5px 0 10px #02f2f2, -3px 0 12px #02f2f2;
}

.opt {
	height: 110px;
	width: 110px;
	border-radius: 25%;
	border: 4px solid;
	background-color: var(--color);
	border-color: rgba(0, 0, 0, 0.125);
	color: rgba(0, 0, 0, 0.6);
	cursor: pointer;
}

.opt:hover {
	background-color: #439ea3;
}