body {
padding : 0;
margin : 0;
}
#unity-container {
position : fixed;
width : 100%;
}
#unity-container.unity-desktop {
width : 100%;
height : 100%;
}
#unity-container.unity-mobile {
width : 100%;
height : 100%;
}
#unity-canvas {
background : #231F20;
width : 100%;
height : 100%;
}
.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") center no-repeat;
}
#unity-progress-bar-empty {
width : 141px;
height : 18px;
margin-top : 10px;
background : url("progress-bar-empty-dark.png") center no-repeat;
} 
#unity-progress-bar-full {
width : 0%;
height : 18px;
margin-top : 10px;
background : url("progress-bar-full-dark.png") center no-repeat;
}
#unity-footer {
position : relative;
display : none;
}
.unity-mobile #unity-footer {
display : none;
}
#unity-webgl-logo {
float : left;
width : 204px;
height : 38px;
background : url("webgl-logo.png") center no-repeat;
}
#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") center no-repeat;
}
#unity-mobile-warning {
position : absolute;
left : 50%;
top : 5%;
transform : translate(-50%);
background : white;
padding : 10px;
display : none;
}