body {
	padding: 0;
	margin: 0;
	overflow:hidden;
}

#unity-container {
	position: absolute
}

	#unity-container.unity-desktop {
		left: 50%;
		top: 50%;
		transform: translate(-50%, -50%)
	}

	#unity-container.unity-mobile {
		width: 100%;
		height: 100%
	}

#unity-canvas {
	background: #231F20
}

.unity-mobile #unity-canvas {
	width: 100%;
	height: 100%
}

#unity-loading-bar {
	position: absolute;
	left: 50%;
	bottom: 2%;
	width: 80%;
	transform: translate(-50%, -50%);
	display: none
}

#unity-logo {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	background: url('background.jpg') 100% 100% / 100% 100% no-repeat;
	display: none
}

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

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

#unity-footer {
	position: relative
}

.unity-mobile #unity-footer {
	display: none
}

#unity-webgl-logo {
	float: left;
	width: 204px;
	height: 38px;
	background: url('webgl-logo.png') no-repeat center
}

#unity-build-title {
	float: right;
	margin-right: 10px;
	line-height: 38px;
	font-family: arial;
	font-size: 18px
}

#unity-fullscreen-button {
	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
}

.progresstext {
	font-size: 12px;
	color: #FFD8A5;
	text-align: center;
}

* {
	box-sizing: border-box
}

.container {
	margin-top:15px;
	width: 100%;
	height: 15px;
	border-radius: 15px;
	border: 2px solid rgba(255,216,165,0.75)
}

.skills {
	height: 100%;
	border-radius: 15px;
	text-align: right;
	padding-right: 0px;
	line-height: 10px;
	color: white;
}

#progress {
	width: 0%;
	background-color: rgba(255,216,165,0.75);
	top: 50%;
}

#progress2 {
	top: 50%;
}
