.main-body,
.text-field {
  max-width: 1000px;
  margin: auto;
}

.text-field {
  display: flex;
  flex-direction: column;
  width: 350px;
  padding: 1em 0;
}

h2 {
  text-align: center;
  justify-content: center;
  align-items: center;
}

h2,
.sso-landing {
  text-align: left;
  justify-content: center;
  align-items: center;
}

#login_form,
.sso-landing {
  padding: 0;
}

#submit_form,
button {
  cursor: pointer;
  width: 10em;
}

footer {
  position: absolute;
  bottom: 0;
  width: 98%;
}

@media (max-height: 800px) {
  footer {
    position: initial;
    display: block;
  }
}

form {
  padding: 5em 0;
}

label {
  padding: 1em 0 0.1em 0;
}

.remember_me_box {
  padding: 0.4em 0;
}