body { padding: 0; margin: 0; width: 100%; height:100%; background: linear-gradient(#0900f9, #ffff00) fixed;}
#unity-container { position: relative; }
#unity-container.unity-desktop { 
text-align: center;
top: 50px;
/*left: 50%; 
top: 50%; 
transform: translate(-50%, -50%);
*/ 
}
#unity-container.unity-mobile { 
/* width: 100%; */
height:100%; 
text-align: center;
}
#unity-canvas { background: #FFFFFF }
.unity-mobile #unity-canvas { 
/*width: 100%; */
height: 100%;
}
#unity-loading-bar { 
position: absolute; 
left: 50%; top: 20%;
transform: translate(-50%, -50%); display: none;

}
#unity-logo { 
width: 153px; 
height: 153px; 
background: url('unity-logo-dark.png') no-repeat center; 
}
#unity-progress-bar-empty { width: 143px; height: 18px; margin-top: 10px; margin-left: 6.5px; 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 { position: relative; }
#unity-webgl-logo { float:left; width: 206px; height: 38px; background: url('webgl-logo.png') no-repeat center }
#unity-build-title { float: right; margin-right: -64px; 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 }
#content-h1 {text-align: center;}
#content-h2 {text-align: center;}
#content-p {text-align: center;}


table, th, td {
  border: 1px solid black;
}

 table {
    width: 960px; /* Ширина таблицы */
    margin: auto; /* Выравниваем таблицу по центру окна  */
   }
   td {
    text-align: center; /* Выравниваем текст по центру ячейки */
   }


.semipolar-spinner, .semipolar-spinner * {
      box-sizing: border-box;
    }
    .semipolar-spinner {
      height: 65px;
      width: 65px;
      position: absolute;
      left: 50%;
    top: 100%;
    transform: translate(-50%, -10%);
    }
    .semipolar-spinner .ring {
      border-radius: 50%;
      position: absolute;
      border: calc(65px * 0.05) solid transparent;
      border-top-color: #ff1d5e;
      border-left-color: #ff1d5e;
      animation: semipolar-spinner-animation 2s infinite;
    }
    .semipolar-spinner .ring:nth-child(1) {
      height: calc(65px - 65px * 0.2 * 0);
      width: calc(65px - 65px * 0.2 * 0);
      top: calc(65px * 0.1 * 0);
      left: calc(65px * 0.1 * 0);
      animation-delay: calc(2000ms * 0.1 * 4);
      z-index: 5;
    }
    .semipolar-spinner .ring:nth-child(2) {
      height: calc(65px - 65px * 0.2 * 1);
      width: calc(65px - 65px * 0.2 * 1);
      top: calc(65px * 0.1 * 1);
      left: calc(65px * 0.1 * 1);
      animation-delay: calc(2000ms * 0.1 * 3);
      z-index: 4;
    }
    .semipolar-spinner .ring:nth-child(3) {
      height: calc(65px - 65px * 0.2 * 2);
      width: calc(65px - 65px * 0.2 * 2);
      top: calc(65px * 0.1 * 2);
      left: calc(65px * 0.1 * 2);
      animation-delay: calc(2000ms * 0.1 * 2);
      z-index: 3;
    }
    .semipolar-spinner .ring:nth-child(4) {
      height: calc(65px - 65px * 0.2 * 3);
      width: calc(65px - 65px * 0.2 * 3);
      top: calc(65px * 0.1 * 3);
      left: calc(65px * 0.1 * 3);
      animation-delay: calc(2000ms * 0.1 * 1);
      z-index: 2;
    }
    .semipolar-spinner .ring:nth-child(5) {
      height: calc(65px - 65px * 0.2 * 4);
      width: calc(65px - 65px * 0.2 * 4);
      top: calc(65px * 0.1 * 4);
      left: calc(65px * 0.1 * 4);
      animation-delay: calc(2000ms * 0.1 * 0);
      z-index: 1;
    }
    @keyframes semipolar-spinner-animation {
      50% {
        transform: rotate(360deg) scale(0.7);
      }
    }