body { padding: 0; margin: 0 }
@keyframes frameAnimation {
  0% { background-image: url('test/JM_000000_0.png'); }
  2.5% { background-image: url('test/JM_000000_1.png'); }
  5% { background-image: url('test/JM_000000_2.png'); }
  7.5% { background-image: url('test/JM_000000_3.png'); }
  10% { background-image: url('test/JM_000000_4.png'); }
  12.5% { background-image: url('test/JM_000000_5.png'); }
  15% { background-image: url('test/JM_000000_6.png'); }
  17.5% { background-image: url('test/JM_000000_7.png'); }
  20% { background-image: url('test/JM_000000_8.png'); }
  22.5% { background-image: url('test/JM_000000_9.png'); }
  25% { background-image: url('test/JM_000000_10.png'); }
  27.5% { background-image: url('test/JM_000000_11.png'); }
  30% { background-image: url('test/JM_000000_12.png'); }
  32.5% { background-image: url('test/JM_000000_13.png'); }
  35% { background-image: url('test/JM_000000_14.png'); }
  37.5% { background-image: url('test/JM_000000_15.png'); }
  40% { background-image: url('test/JM_000000_16.png'); }
  42.5% { background-image: url('test/JM_000000_17.png'); }
  45% { background-image: url('test/JM_000000_18.png'); }
  47.5% { background-image: url('test/JM_000000_19.png'); }
  50% { background-image: url('test/JM_000000_20.png'); }
  52.5% { background-image: url('test/JM_000000_21.png'); }
  55% { background-image: url('test/JM_000000_22.png'); }
  57.5% { background-image: url('test/JM_000000_23.png'); }
  60% { background-image: url('test/JM_000000_24.png'); }
  62.5% { background-image: url('test/JM_000000_25.png'); }
  65% { background-image: url('test/JM_000000_26.png'); }
  67.5% { background-image: url('test/JM_000000_27.png'); }
  70% { background-image: url('test/JM_000000_28.png'); }
  72.5% { background-image: url('test/JM_000000_29.png'); }
  75% { background-image: url('test/JM_000000_30.png'); }
  77.5% { background-image: url('test/JM_000000_31.png'); }
  80% { background-image: url('test/JM_000000_32.png'); }
  82.5% { background-image: url('test/JM_000000_33.png'); }
  85% { background-image: url('test/JM_000000_34.png'); }
  87.5% { background-image: url('test/JM_000000_35.png'); }
  90% { background-image: url('test/JM_000000_36.png'); }
  92.5% { background-image: url('test/JM_000000_37.png'); }
  95% { background-image: url('test/JM_000000_38.png'); }
  97.5% { background-image: url('test/JM_000000_39.png'); }
  100% { background-image: url('test/JM_000000_40.png'); }
}
#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: #231F20 }
.unity-mobile #unity-canvas { width: 100%; height: 100% }
#unity-loading-bar { position: absolute; left: 0; top: 0; right: 0; bottom: 0; background-image: url('BackGround.png'); background-size: cover; display: flex; background-repeat: no-repeat; background-position: center; overflow: hidden; justify-content: center; align-items: flex-start; margin: 0; padding: 0}
#unity-logo { position: absolute; bottom: 150px; left: 50%; transform: translateX(-50%); width: 154px; height: 130px; background: url('test/JM_000000_0.png') no-repeat center; background-size: contain}
#unity-progress-bar-empty { position: absolute; width: 60%; max-width: 312px; min-width: 200px; height: 6vh; max-height: 32px; min-height: 24px; bottom: 50%; left: 50%; transform: translateX(-50%); text-align: center; background: url('progress_BG.png') no-repeat left center; background-size: 100% 100%; overflow: hidden }
#unity-progress-bar-full { margin-left: 5px; width: 0%; height: 100%; background: url('progress.png') no-repeat left center; background-size: 100% 60%; transition: width 0.3s ease }
#unity-wait-image { position: absolute; top: 53%; left: 50%; transform: translate(-50%,-50%); background: url('Wait.png') no-repeat center; background-size: contain; width: 215.04px; height: 20.736px }
#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-warning { position: absolute; left: 50%; top: 5%; transform: translate(-50%); background: white; padding: 10px; display: none }