body {border: 0; margin: 0; padding: 0}
@font-face {
  font-family: carregando_font;
  src: url(carregando_font.ttf);
}

#unity-container {position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}

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

#unity-canvas { background: rgb(243,113,34); }
.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 {background: url('progressLogo.png'); background-size: cover; background-position: center; background-repeat: no-repeat; width: 380px; height: 380px; margin: auto;}
#unity-logo-text {text-align: center; margin-top: 14px;}
#unity-logo-text::before {font-family: carregando_font; font-size: 65px; color: white; text-align: center; content: "Carregando...";}
#unity-progress-bar-empty {background: rgb(206,100,36); width: 450px; height: 32px;}
#unity-progress-bar-full {background: white; width: 0%; height: 100%;}

#unity-warning { position: absolute; left: 50%; top: 5%; transform: translate(-50%); background: white; padding: 10px; display: none }