body { padding: 0; margin: 0 }

#container
{ 
	position: absolute;
	left: 50%; top: 50%; 
	transform: translate(-50%, -50%);
}

#canvas 
{ 
	background-image: url('background.png');
	background-repeat: no-repeat;
	background-size: 100% auto;

}

#logo 
{ 
	width: 109px; 
	height: 146px; 
	background-image: url('loading-logo.png');
	background-size: 100% auto;
	position: absolute;
	left: 50%; top: 50%;
	transform: translate(-50%, -50%);
}

#progress-bar
{
	position: absolute;
	top: 128px;
	width: 90px;
	height: 10px;
	left: 8px;
}

#progress-bar-full
{ 
	height: 10px;
	width: 00%;  /* ! */
	background: url('loading-bar.png') no-repeat center;
}





#unity-footer { position: relative }
#unity-fullscreen-button { cursor:pointer; float: right; width: 38px; height: 38px; background: url('fullscreen-button.png') no-repeat center }
#unity-warning { position: absolute; left: 50%; top: 5%; transform: translate(-50%); background: white; padding: 10px; display: none }