body {
	color: white;
	font-family: monospace;
	font-size: 20px;
	font-weight: bold;
	text-shadow: 0px 0px 4px;
}

.display {
	position: absolute;
	pointer-events: none;
	opacity: 0.6
}

.ui {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 1280px;
	height: 720px;
	background-color: #00000080;
	display: inline;
	user-select: none;
}

.loading {
	color: yellow;
	font-family: monospace;
	font-size: 20px;
	font-weight: bold;
	text-shadow: 0px 0px 4px;
}

.loaded {
	color: lime;
	font-family: monospace;
	font-size: 20px;
	font-weight: bold;
	text-shadow: 0px 0px 4px;
	animation-name: loaded;
	animation-duration: 1s;
	animation-iteration-count: 1;
}

.bar {
	height: 100%;
	background-color: white;
}

.barRect {
	border-color: white;
	border-style: solid;
}

button {
	font-family: monospace;
	font-size: 20px;
	font-weight: bold;
	border-radius: 12px;
	border: 2px solid steelblue;
	background-color: steelblue;
	transition-duration: 0.5s;
	cursor: pointer;
}

button:hover {
	background-color: lightblue;
}

button:active {
	background-color: lightcyan;
	transition-duration: 0.0s;
}

@keyframes loaded {
	0% {
		opacity: 1;
	}

	100% {
		opacity: 0;
	}
}