
#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, 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 {
	width: 100%;
	height: 100%;
}

#discord-links {
	position: absolute;
	top: 0;
	padding-top: 44px;
	left: -244px;
	width: 200px;
	transition: left .3s ease;
}

#discord:hover #discord-links {
	left: -4px;
}

#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, 1.1);
	right: 4.8px;
}

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

.link {
	display: block;
	font-size: 20px;
	color: #41f5f5;
	cursor: pointer;
	font-family: "Lucida Console", "Courier New", monospace;
	-webkit-text-stroke-width: 1px;
	-webkit-text-stroke-color: #02f2f2;
	text-decoration: none;
}

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

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

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

.savePopup {
	display: block;
	z-index: 10000000000000000000000000000000000000000;
	position: fixed;
	left: 0;
	top: 0;
	width: 100%; 
	height: 100%; 
	overflow: auto; 
}

.savePopupBlocker {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%; 
	height: 100%; 
	background-color: var(--color); 
	background-color: rgba(255,255,255,0.1); 
	overflow: auto; 
	content: ' ';
}

.savePopup-content {
	background-color: rgba(55,60,40,0.9);
	margin: 15% auto; 
	padding: 20px;
	font-size: 16px;
	border: 2px solid #888888;
	overflow-x: hidden;
	overflow-y: auto;
	display: flex;
	flex-flow: row wrap;
    align-items: center;
    justify-content: center;
	position: fixed;
    top: 10vh;
    left: 50vw;
	min-width: 50%;
	max-width: 80%;
	height: 50%;
	transform: translate(-50%, -50%)
}

.savePopupBtn {
	height: 50px;
	width: 100px;
	border-radius: 25%;
	border: 2px solid;
	border-color: rgba(0, 0, 0, 0.125);
	font-size: 16px;
	background-color: var(--color);
}

.savePopupBtnMini {
	height: 30px;
	width: 20px;
	border-radius: 25%;
	border: 2px solid;
	border-color: rgba(0, 0, 0, 0.125);
	font-size: 15px;
	padding-left: 4px;
	background-color: var(--color);
}

.savePopup-content > .upgRow {
	margin-bottom: 20px !important;
}

.activeSave {
	transform: scale(1.1, 1.1);
	//text-shadow: 0px 0px 7px red;
	color: darkmagenta;
}