body{padding: 0; margin: 0;box-sizing: border-box; background: rgb(22, 24, 29);overflow: hidden;background-image: url('../img_game/g_bg_no.png');opacity: 0;background-repeat: no-repeat; -webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;} 
.root{display:none; overflow: hidden; margin:auto;position: relative;}
.flexy {display:flex; flex-wrap: wrap; justify-content: space-between;   box-sizing: border-box;}
.wrapper {width: 900px; margin:auto;}
.nomob {width: 1000px; margin:auto; margin-top: 3%; height: 100vh;}
.nomob_name {font-family: 'Bobbin Cyrillic'; color:#FDDDB2; font-size:100px; text-align: center; width: 100%;}
.nomob_text {font-family: 'Inter'; color:#fff; font-weight: 500;  font-size: 20px;  text-align: center; width: 100%; margin: auto;margin-bottom: 25px;}
.nomob_text span {font-weight: 700; }
.nomob_tab {width: 700px; margin: auto; position: absolute;  bottom: 3%;  left: calc(100% - 50% - 350px);}
.nomob_tab .qr {width: 60%; text-align: center; padding-top: 80px;}
.nomob_tab .qr img {width: 200px;}
.nohoris {display: none; color:#fff;font-family: 'Roboto'; color:#fff; font-weight: 500;  text-align: center; margin-top: 5%;}
.rot {  animation: 1s linear 0s normal none   running rot;  -webkit-animation: 1s linear 0s normal none   running rot;}
.loads {width:60px; margin-left: calc(100% - 50% - 30px); margin-top:30%;}
@media (max-width: 1040px){
  .root{display:block;}
  body{padding: 0; margin: 0;     box-sizing: border-box;    
    background: rgb(22, 24, 29);
  
  background-image: unset;
  }
  .nomob {display: none;}
}

@keyframes rot {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@-webkit-keyframes rot {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}