#overlay
{
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: hsla(var(--hue), 0%, 0%, 0.75);
	z-index: 2;
}

#overlay_content
{
	position: absolute;
	top: 50%;
	left: 50%;
	
	transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	
	padding: 32px;
	
	background-color: hsl(0, 0%, 12.5%);
	color: hsl(0, 0%, 100%);
}

#overlay:not(.overlay_active)
{
	display: none;
}