#info {
	position: fixed;
	bottom: 10px;
	left: 10px;
	text-decoration: none;
	font-size: 12px;
	transition: color var(--elementTransition) ease;
	color: var(--bright);
}

#info:hover {
	color: var(--dark);
	cursor: pointer;
}

#infoBox {
	display: none;
	flex-direction: column;
	position: fixed;
	width: calc(100% - 300px);
	height: calc(100% - 300px);
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	background-color: var(--background);
	border-radius: var(--radius);
	padding: 20px;
	z-index: 2;
	transition: opacity var(--screenTransition) ease;
	opacity: 0;
}

#infoTitleHolder {
	display: flex;
}

#infoTextHolder {
	display: flex;
	overflow-y: auto;
}

#infoText {
	margin: 0;
	color: var(--dark);
	font-size: 16px;
}

.infoLink {
	color: var(--ultraDark);
}