body {
  position: relative;
  background-image: url("../images/vasta_astronaut.webp");
  background-size: cover, auto;
  background-position: 100% 100%, 50% 50%;
  background-repeat: no-repeat;
}

main {
  width: 40%;
  position: absolute;
  top: 50%;
  left: 23%;
  transform: translate(-50%, -50%);
}

form {
  width: 100%;
  padding: 20px;
  border-radius: 10px;
  background-color: #f5f5f5;
}

.login-form__recover {
  width: fit-content;
  text-decoration: underline;
  cursor: pointer;
}

.login-form__submit-btn.recover {
  width: 50%;
}

.password-form__submit-btn,
.password-form__back-btn {
  width: fit-content;
  height: 44px;
  padding: 0 20px;
}

@media (max-width: 1019px) {
  body {
    background-position: 64%;
  }

  main {
    width: 70%;
    left: 34%;
  }

  .login-form {
    width: 100%;
  }
}

@media (max-width: 479px) {
  main {
    width: 100%;
    left: 50%;
  }

  .login-form {
    width: 100%;
  }
}