body,html{
    height: 100%;
}

.login-form {
  display: flex;
  padding: auto;
  margin-top: 35vh;
  flex-wrap: wrap;
  justify-content: center;
  text-align: center;
  align-items: flex-start;
  /* border: 2px solid black; */
  /* margin-left: 25vw; */
}

.register-form {
  display: flex;
  padding: auto;
  margin-top: 10vh;
  text-align: center;
  /* border: 2px solid black; */
  /* margin-left: 25vw; */
  flex-wrap: wrap;
  max-width: 100%;
  justify-content: center;
  align-items: flex-start;
}

.break {
  flex: 0 0 100%;
  height: 5px;
}

#password {
  align-self: flex-start;
}


.login-input > * {
  width: 100%;
}

.login-remember {
  flex: 0 0 70%;
  margin-top: .3rem;
  max-width: 400px;
}

.register-label {
  text-align: left;
  margin-top: .5rem;
}

#phonenumber {
  width: 100%;
}

#login-submit {
  /* width: 100%; */
  flex: 0 0 60%;
  max-width: 300px;
  margin-top: .3rem;
}

.infoSubmitButton {
  margin-top: 1rem;
}

.login-denied {
  flex: 0 0 100%;
}

label {
  color: white;
}