body { padding: 0; margin: 0; width: 100%; height: 100%; background-size: cover; }

body {
  background-image: url('bg-desktop.jpg'); background-repeat: no-repeat;
}

@media (max-width: 768px) {
  body {
    background-image: url('bg-mobile.jpg'); background-repeat: repeat;
  }
}

#unity-container { position: absolute }
#unity-container.unity-desktop.center { left: 50%; top: 50%; transform: translate(-50%, -50%) }
#unity-container.unity-mobile { position: fixed; width: 100%; height: 100% }
#unity-canvas { background: #231F20 }
#unity-canvas:focus { outline: none; }
.unity-mobile #unity-canvas { width: 100%; height: 100% }
#unity-loading-bar { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); display: none }
#unity-logo { width: 154px; height: 130px; background: url('unity-logo-dark.png') no-repeat center }
#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: #fba037 } /*  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 {
	cursor:pointer; 
	position: absolute;
	right: 10px;
	bottom: 10px;
	width: 38px;
	height: 38px;
	background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gU3ZnIFZlY3RvciBJY29ucyA6IGh0dHA6Ly93d3cub25saW5ld2ViZm9udHMuY29tL2ljb24gLS0+DQo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPg0KPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMjU2IDI1NiIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMjU2IDI1NiIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8bWV0YWRhdGE+IFN2ZyBWZWN0b3IgSWNvbnMgOiBodHRwOi8vd3d3Lm9ubGluZXdlYmZvbnRzLmNvbS9pY29uIDwvbWV0YWRhdGE+DQo8Zz48Zz48cGF0aCBmaWxsPSIjMDAwMDAwIiBkPSJNMTEzLDEzMC41Yy0wLjctMC43LTEuNi0xLjEtMi41LTEuMWMtMC45LDAtMS44LDAuNC0yLjUsMS4xTDcxLjUsMTY3bC0xNS44LTE1LjhjLTEuNC0xLjQtMy0yLjEtNC45LTIuMWMtMS45LDAtMy42LDAuNy00LjksMi4xYy0xLjQsMS40LTIuMSwzLTIuMSw0Ljl2NDkuMmMwLDEuOSwwLjcsMy41LDIuMSw0LjljMS40LDEuNCwzLDIuMSw0LjksMi4xaDQ5LjJjMS45LDAsMy42LTAuNyw0LjktMi4xYzEuNC0xLjQsMi4xLTMsMi4xLTQuOWMwLTEuOS0wLjctMy42LTIuMS00LjlMODksMTg0LjVsMzYuNC0zNi40YzAuNy0wLjcsMS4xLTEuNiwxLjEtMi41YzAtMC45LTAuNC0xLjgtMS4xLTIuNUwxMTMsMTMwLjV6Ii8+PHBhdGggZmlsbD0iIzAwMDAwMCIgZD0iTTIxMC4yLDQ1LjhjLTEuNC0xLjQtMy0yLjEtNC45LTIuMWgtNDkuMmMtMS45LDAtMy41LDAuNy00LjksMi4xYy0xLjQsMS40LTIuMSwzLTIuMSw0LjlzMC43LDMuNiwyLjEsNC45TDE2Nyw3MS41bC0zNi41LDM2LjRjLTAuNywwLjctMS4xLDEuNi0xLjEsMi41YzAsMC45LDAuNCwxLjgsMS4xLDIuNWwxMi41LDEyLjVjMC43LDAuNywxLjYsMS4xLDIuNSwxLjFjMSwwLDEuOC0wLjQsMi41LTEuMUwxODQuNSw4OWwxNS44LDE1LjhjMS40LDEuNCwzLDIuMSw0LjksMi4xczMuNS0wLjcsNC45LTIuMWMxLjQtMS40LDIuMS0zLjEsMi4xLTQuOVY1MC43QzIxMi4zLDQ4LjgsMjExLjYsNDcuMiwyMTAuMiw0NS44Ii8+PHBhdGggZmlsbD0iIzAwMDAwMCIgZD0iTTIxMi4zLDI3YzksMCwxMi4xLDMuNSwxNCw2LjhjMi4xLDMuOSwyLjcsOC41LDIuNywxMHYxNjguNGMwLDktMy41LDEyLjEtNi44LDE0Yy0zLjksMi4xLTguNSwyLjctMTAsMi43SDQzLjdjLTksMC0xMi4xLTMuNS0xNC02LjhjLTIuMS0zLjktMi43LTguNS0yLjctMTBWNDMuN2MwLTksMy41LTEyLjEsNi44LTE0YzMuOS0yLjEsOC41LTIuNywxMC0yLjdIMjEyLjMgTTIxMi4zLDEwSDQzLjdjMCwwLTMzLjcsMC0zMy43LDMzLjd2MTY4LjZjMCwwLDAsMzMuNywzMy43LDMzLjdoMTY4LjZjMCwwLDMzLjcsMCwzMy43LTMzLjdWNDMuN0MyNDYsNDMuNywyNDYsMTAsMjEyLjMsMTBMMjEyLjMsMTB6Ii8+PC9nPjwvZz4NCjwvc3ZnPg==') no-repeat center;
	cursor: pointer;
	z-index: 1000;
}
#unity-warning { position: absolute; left: 50%; top: 5%; transform: translate(-50%); background: white; padding: 10px; display: none }

#particles-js canvas {
	display: block;
	vertical-align: bottom;
	filter: blur(2px);
	transform: scale(10, .5);
	transform-origin: top left;
}

/* ---- particles.js container ---- */
#particles-js {
	position: fixed;
	width: 10vw;
	height: 200vh;
}

/* ---- stats.js ---- */
#stats {
	-webkit-user-select: none;
	margin-top: 5px;
	margin-left: 5px;
}
#stats {
	border-radius: 3px 3px 0 0;
	overflow: hidden;
}