html,
body {
  height: 100%;
}

body {
  display: flex;
  align-items: center;
  justify-content: center; /* Ensure it centers horizontally */
  padding-top: 40px;
  padding-bottom: 40px;
  background-color: #f5f5f5;
}

.form-signin {
  width: 100%;
  max-width: 330px;
  padding: 15px;
  margin: auto;
}

.form-signin .checkbox {
  font-weight: 400;
}

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

/* Styling input fields */
.form-signin input[type="email"],
.form-signin input[type="password"] {
  margin-bottom: 10px;  /* Consistent margin between fields */
  border-radius: .25rem;  /* Uniform border radius for all fields */
}

.form-signin input[type="password"]:last-child {
  margin-bottom: 10px;  /* Keep consistent margin at the bottom of confirm password */
}

/* Styling for confirm password */
.form-signin .form-floating {
  margin-bottom: 10px;  /* Ensure there's no gap between the fields */
}

.form-signin input[type="email"]:last-child,
.form-signin input[type="password"]:last-child {
  margin-bottom: 0;  /* Remove margin at the end of the last input */
}

/* Optional: Adjust width of the form floating labels */
.form-floating input {
  height: calc(2.25rem + 2px);  /* Standard input height with label */
  padding: .375rem .75rem;
}