  /* Убираем выделение по нажатию клавиш */
  canvas:focus {
      outline: none;
  }

  html,
  body {
      /* цвет фона */
      /* background-color: #1A1C1E; */
      background-color: black;
      /* убираем отступы */
      margin: 0;
      padding: 0;
      /* отключаем скролл и лонгтап на IOS */
      overflow: hidden;
      -webkit-touch-callout: none;
      -webkit-user-select: none;
      -khtml-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none;
      -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
      /* ставим высоту на 100% */
      height: 100vh;
  }

  .loadingCover {
      background-color: black;
      /* background-color: #1A1C1E; */
      /* background-color: #FDFCFF; */
      opacity: 1;
      margin: 0;
      padding: 0;
      overflow: hidden;
      height: 100vh;
  }


  @keyframes fadeOut {
      0% {
          opacity: 1;
      }

      100% {
          display: none;
          opacity: 0;
      }
  }


  .spinner1 {
      /* opacity: 0.2; */
      margin: 0;
      padding: 0;
      position: fixed;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);

      width: 56px;
      height: 56px;
      margin-left: -28px;
      margin-top: -28px;

      border-radius: 50%;
      display: inline-block;
      box-sizing: border-box;
      /* background: linear-gradient(0deg, rgba(207, 188, 255, 0.2) 54%, #CFBCFF 100%); */
      background: linear-gradient(0deg, rgba(207, 188, 255, 0.2) 54%, #FFCC02 100%);
      /* background: linear-gradient(0deg, rgba(207, 188, 255, 0.2) 54%, #E5CB1B 100%); */
      animation: rotation2 1s linear infinite;
  }

  .spinner1::after {
      content: '';
      box-sizing: border-box;
      position: absolute;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%);
      width: 52px;
      height: 52px;
      border-radius: 50%;
      /* background: #1A1C1E; */
      background-color: black;
      /* background-color: #1A1C1E; */
      /* background-color: #FDFCFF; */
  }

  @keyframes rotation2 {
      0% {
          transform: rotate(0deg)
      }

      100% {
          transform: rotate(360deg)
      }
  }
