body {
	font-family: ImagoTT, Arial Black, sans-serif;
	overflow: hidden;
	/*font-weight: bold;*/
	margin: 0;
	height: 100vh;
}

#unity-container {
	position: absolute;
}

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

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

/* #unity-canvas { background: #1F1F20 } */
#unity-loading-bar {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	display: none
}

#unity-logo {
	width: 256px;
	width: 256px;
	background: url('company-logo-light.png') no-repeat center;
	background-size: contain;
}

#unity-progress-bar-empty {
	width: 256px;
	height: 16px;
	margin-top: 10px;
	background: url('progress-bar-empty-light.png') no-repeat center;
	background-size: contain;
}

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

#unity-footer {
	position: relative
}

#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-webxr-link {
	float: left;
	margin-right: 10px;
	line-height: 38px;
	font-family: arial;
	font-size: 18px
}

.navbar {
	z-index: 10000;
	position: fixed;
	left: 5vh;
	right: 5vh;
	bottom: 5vh;
}

/* Seb styles~ */
.equal-h {
	height: 38px;
}

.cursor-default {
	cursor: default;
}

@media (prefers-color-scheme: dark) {
	body {
		background-color: #1F1F20;
	}

	#unity-logo {
		background: url('company-logo-dark.png') no-repeat;
		background-size: contain;
	}

	#unity-progress-bar-empty {
		background: url('progress-bar-empty-dark.png') no-repeat center;
		background-size: contain;
	}

	#unity-progress-bar-full {
		background: url('progress-bar-full-dark.png') no-repeat center
	}

}