form.user-login-form, form.user-pass{
  margin: auto auto;
  max-width: 600px;
}

.user-login-form .js-form-item,
.user-pass .js-form-item {
  margin: 40px 20px;
  font-size: 20px;
  color: #625655;
  font-family: Muli;
}

  .user-login-form .js-form-item label.js-form-required,
  .user-pass .js-form-item label.js-form-required {
    color: var(--orange);
    font-family: Muli;
    font-weight: 700;
    font-size: 24px;
  }

.user-login-form input.form-text,
.user-pass input.form-text {
  margin: 10px 0;
  width: 100%;
  border-radius: 30px;
  border: 1px #625655 solid;
  padding: 10px 15px;
  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box; /* Firefox, other Gecko */
  box-sizing: border-box; /* Opera/IE 8+ */
}

.user-login-form .form-actions #edit-submit,
.user-pass .form-actions #edit-submit {
  font-family: Helvetica, Arial, sans-serif;
  font-weight: lighter;
  font-variant-caps: all-small-caps;
  font-size: 20px;
  letter-spacing: 1px;
  border: none;
  padding: 14px 40px;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  border-radius: 25px;
  background-color: var(--orange);
  color: white;
  transition: background-color 500ms ease, box-shadow 500ms ease, color 500ms ease;
}

.user-login-form .form-actions #edit-submit:hover,
.user-pass .form-actions #edit-submit:hover {
  background-color: white;
  color: var(--orange);
  cursor: pointer;
  box-shadow: inset 0px 0px 0px 1px var(--orange);
}

.user-login-form .form-actions,
.user-pass .form-actions {
  margin: 0 20px;
}

form.user-pass  p {
  margin: 20px 20px;
}

header[role="banner"] div[role="contentinfo"] {
  margin: auto auto;
  max-width: 600px;
}

header[role="banner"] div[role="contentinfo"] div[role="alert"] {
  margin: 20px 20px;
}