body {
    padding: 0;
    margin: 0;
	box-sizing: border-box;
}
	*, *:before, *:after {
        box-sizing: inherit;
      }
      body {
        margin: 0;
        background: #444;
      }
#unity-container {
	width: 100vw;
	height: 100vh;
}

#unity-canvas {
	display: block;
	position: absolute;
    height: 100%;
    width: 100%;
}


canvas + * {
        z-index: 2;
}
#unity-loading-bar {
	position: absolute;
	left: 0;
	top: 0;
	width: 100vw;
	height: 100vh;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color:black;
  }

.loading-panel {
	width: min(420px, 88vw);
	padding: 16px;
	text-align: center;
}

.loading-text {
	font-size: 20px;
	line-height: 1.2;
	margin-bottom: 12px;
	color: #fff;
}

.progress-outer {
	width: 100%;
	height: 10px;
	border: 1px solid #fff;
}

.progress-inner {
	width: 0%;
	height: 100%;
	background: #fff;
}