.mobile-nav {
   position: absolute;
   z-index: 20;
   top: 15px;
   right: 15px;
}

.mobile-view {
   background: #382b83;
   padding: 20px 30px;
   border-radius: 5px;
   cursor: pointer;
   border: 0;
   color: #fff;
   font-family: "Press Start 2P";
}


.mobile-nav {
   display: none;
}

@media (max-width: 1200px) {

   .game-balance{
      font-size: 14px;
   }

   .mobile-nav {
      display: block;
   }

   .settings-result {
      font-size: 20px;
   }

   .win-result {
      font-size: 40px;
   }

   .settings {
      padding: 20px;
      margin-bottom: 25px;
   }

   .header {
      display: none;
   }

   .windows {
      position: absolute;
      width: 100%;
      height: 100%;
      background: #000;
      display: flex;
      align-items: flex-end;
      justify-content: center;
      text-align: center;
      background: linear-gradient(0deg, rgba(23, 21, 59, 1) 25%, rgba(0, 0, 0, 0) 100%);
   }


   .settings {
      width: 100%;
      padding: 20px 10px;
   }

   .moveto {
      background: #382b83;
      font-size: 16px;
   }

   .keyboard-result {
      max-height: 400px;
      overflow-y: auto;
   }

   .keyboard-btn {
      font-size: 16px;
   }
}