html, body { height: 100%; margin: 0; }
/* body {
    margin          : 0;
    padding         : 0;
    font-family     : Arial, Helvetica, sans-serif;
    background-color: #2bff82;
} */
body {
     background-image: url("https://e0.pxfuel.com/wallpapers/642/853/desktop-wallpaper-moon-and-stars-moon-and-stars-laptop.jpg");
  background-size: cover;
  background-position: 50% 30%;  /* Mueva el foco vertical (ajusta % hasta que se vea bien) */
  background-repeat: no-repeat;
  background-attachment: scroll; /* mejor para móviles */
  min-height: 100vh;
}

.container {
    display        : flex;
    position       : absolute;
    width          : 100%;
    height         : 100%;
    flex-flow      : column nowrap;
    align-items    : center;
    justify-content: center;
}

.container .title {
    font-size: 35px;
    color    : white;
}

.container .buttons {
    margin-top : 50px;
    margin-left: -130px;
}

.container .buttons .btn {
    position        : absolute;
    padding         : 5px 10px;
    font-size       : 15px;
    background-color: #63f502;
    color           : white;
    border          : none;
    border-radius   : 3px;
}

.container .buttons>#btnno {
    margin-left: 50px;
}
/* esto es agregado */
@media (max-width: 768px) {
  body {
    background-position: 50% 20%; /* prueba valores: 50% 10% / 50% 30%, etc. */
    background-attachment: scroll; /* asegúrate que no sea fixed en móviles */
  }
}