body { padding: 0; margin: 0 }
#unity-container { position: fixed;display: flex; justify-content: center; align-items: center }
#unity-container.unity-desktop { left: 50%; top: 50%; transform: translate(-50%, -50%) }
#unity-container.unity-mobile { width: 100%; height: 100% }
#unity-canvas 
{ 	
	background-image: url('activate_background.png');
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}
.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; display: none; 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-mobile-warning{display:none;font-family:Ubuntu-Bold,Ubuntu,sans-serif;border-radius:8px;position:absolute;padding:24px;background:#fff;box-shadow:0 0 16px rgba(0,0,0,.5)}
#unity-mobile-warning p{font-size:20px;font-weight:700;margin:0 0 20px;padding:0;max-width:420px}
#unity-mobile-warning-close{position:absolute;top:4px;right:4px;font-size:32px;border:none;background:0 0;width:36px;height:36px;line-height:24px}
#app-links{margin:0 -8px}
#app-links img{height:64px;margin:0 8px;width:auto}

#clickToPlayBtn {
	display: block;
	position: relative;
	font-size: 10vw;
	color: #f7911f;
	cursor: pointer;
	animation-name: wiggle;
	animation-duration: 3s; 
	animation-play-state: running;
	animation-iteration-count: infinite;
	animation-delay: 0s;
	animation-timing-function: linear;
	animation-fill-mode: none;
}

#clickToPlayBtn:hover {
	color: #364b9f;
}

@keyframes wiggle {
  75% { left: 0px; }
  80%  { left: 4px;  }
  85%  { left: -4px; }
  90%  { left: 2px;  }
  95%  { left: -2px; }
  100% { left: 0px;    }
}

#unity-loading-bar {
	width: 100%;
	position: absolute;
	top: 50%;
	margin-top: -10px;
	text-align: center;
	background: rgb(255, 255, 255); /* fallback */
	background: rgba(255, 255, 255, 204); 	
	background-color: #ffffffcc;
	padding-top: 10px;
	padding-bottom: 10px;
}

#unity-progress-bar-empty{
  display: none;
  position: absolute;
  width: 200px;
  margin-left: -100px;
  left: 50%;
  height: 2px;
  background-color: #333;
  border-radius: 2px;  
}

#unity-progress-bar-full{
  display: none;	
  left: 50%;
  position: absolute;
  margin-left: -100px;
  width: 0px;
  height: 2px;
  background-color: white;
  border-radius: 2px;
}

#logo {
	display: none;
	margin: 0 auto;
	padding-bottom: 10px;
}

#loadingInfo {
  display: none;
  color: #666;
  letter-spacing: 1px;
  width: 100%;
  font-family: "Ubuntu-Bold", "Ubuntu", sans-serif;
  text-transform: uppercase;
  text-align: center;
  font-size: 1em;
  margin-top: 10px;
  margin-bottom: 0px;
}