/* sticky footer */
html, body {
  height: 100%;
  overflow: scroll;
}

body {
  display: flex;
  flex-direction: column;
}

.content {
  flex: 1 0 auto;
}

.footer {
  flex-shrink: 0;
}

.header {
  position: sticky;
  top: 0;
}

.form {
  max-width: 330px;
  padding: 1rem;
}

.form .form-floating:focus-within {
  z-index: 2;
}

/* sign-in form */
.form-signin {
  max-width: 330px;
  padding: 1rem;
}

.form-signin .form-floating:focus-within {
  z-index: 2;
}

.form-signin input[type="email"] {
  margin-bottom: -1px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.form-signin input[type="password"] {
  margin-bottom: 10px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.social-login-icon {
  width: 20px;
  height: 20px;
}

/* sign-up form */
.form-signup {
  max-width: 330px;
  padding: 1rem;
}

.form-signup .form-floating:focus-within {
  z-index: 2;
}

.form-signup input[name="email"] {
  margin-bottom: -1px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.form-signup input[name="password1"] {
  margin-bottom: 10px;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}

/* password-reset form */
.form-password-reset {
  max-width: 330px;
  padding: 1rem;
}

.form-password-reset .form-floating:focus-within {
  z-index: 2;
}

.form-password-reset input[name="email"] {
  margin-bottom: 10px;
}


.form-set-password {
  max-width: 330px;
  padding: 1rem;
}

.form-set-password .form-floating:focus-within {
  z-index: 2;
}

.form-set-password input[name="new_password1"] {
  margin-bottom: -1px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.form-set-password input[name="new_password2"] {
  margin-bottom: 10px;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}


.form-change-password {
  max-width: 330px;
  padding: 1rem;
}

.form-change-password .form-floating:focus-within {
  z-index: 2;
}

.form-change-password input[name="old_password"] {
  margin-bottom: -1px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.form-change-password input[name="new_password1"] {
  margin-bottom: -1px;
  border-radius: 0;
}

.form-change-password input[name="new_password2"] {
  margin-bottom: 10px;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}


.form-profile-edit .form-floating:focus-within {
  z-index: 2;
}

.form-profile-edit input[name="first_name"] {
  margin-bottom: -1px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.form-profile-edit input[name="last_name"] {
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}

.top-element {
  margin-bottom: -1px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.middle-element {
  margin-bottom: -1px;
  border-radius: 0;
}

.bottom-element {
  margin-bottom: -1px;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}