body { padding: 0; margin: 0 }
#unity-container { position: absolute }
#unity-container.unity-desktop { left: 50%; top: 50%; transform: translate(-50%, -50%) }
#unity-container.unity-mobile { width: 100%; height: 100% }
#unity-canvas { background: #586d5c }
.unity-mobile #unity-canvas { width: 100%; height: 100% }

#lax-logo {
    position:absolute;
    width: 100%; height: 100%;
    background: url('lax_logo.png') no-repeat center;
    background-size: 15%;
    animation-name: rotate;
    animation-duration: 6s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}

#load {
    position:absolute;
    width: 100%; height: 100%;
    background: url('load.png') no-repeat center;
    background-size: 15%;
    filter: invert();
    top: 45%;
}

@keyframes rotate {
    from { transform: rotateY(0turn); }
    to   { transform: rotateY(1turn); }
  }