.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;
}

.settings-items{
      height: 0;
   }
.settings-show{
      height: 100%;
   }

@media (max-width: 1200px) {
   

   .app {
      min-height: 100vh;
   }

   .game-text {
      font-size: 12px;
   }

   .mobile-nav {
      display: block;
   }

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

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

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

   .header {
      display: none;
   }

   .windows {
      opacity: 0.8;
      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: 14px;
   }

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

   .keyboard-btn {
      padding: 15px;
   }
   .keyboard-icon, .moveto-icon{
      max-width: 30px
   }
   .seed-text{
      text-align: left;
      padding-bottom: 20px;
   }
}