@media only screen and (orientation: landscape) {
  .form-login-container{
    width: clamp(15rem, 25vw, 30rem);
  }
}

@media only screen and (orientation: portrait) {
  .form-login-container{
    width: clamp(45rem, 50vw, 70rem);
  }
}

.form-login-container{
  height: auto;
  padding: 30px;
  border-radius: 20px;
  -webkit-box-shadow: 2px 2px 2px 0px #000000, inset 2px 0px 13px 0px #000000, 2px 5px 15px 5px rgba(0, 0, 0, 0);
  box-shadow: 2px 2px 2px 0px #000000, inset 2px 0px 13px 0px #000000, 2px 5px 15px 5px rgba(0, 0, 0, 0);
  display: flex;
  align-items: center;
}

.form-login{
  display: inline-flex;
  flex-direction: column;
  row-gap: 10px;
  width: 100%;
  margin: 0;
}