body { padding: 0; margin: 0 }
#the-container { position: fixed; width: 100%; height: 100%; background: #000; display: flex; justify-content: center }
#the-canvas { width: 100%; height: 100%; background: #000000 }
#the-loading-bar { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); display: none; }

#the-logo 
{ 
	height: 154px; 
	width: 154px; 
	background-repeat: no-repeat;
	background-position: center;
	background-image: url('egs-logo.png');
	background-size: cover;
}

#the-progress-bar-empty { margin-left: 6.5px; width: 141px; height: 18px; margin-top: 10px; background: url('progress-bar-empty-dark.png') no-repeat center }

#the-progress-bar-full
{
	width: 0%;
	height: 18px;
	margin-top: 10px;
	background-image: url('progress-bar-full-dark.png');
	background-color: #ff0000;
	background-repeat: no-repeat;
	background-position: center;
}

#the-warning { position: absolute; left: 50%; top: 5%; transform: translate(-50%); background: white; padding: 10px; display: none }