.form-container {
  background-color: #f2f2f2;
  padding: 2rem;
  border-radius: 8px;
  width: 30%;
  text-align: center;
  margin: 0 auto;
  margin-top: 15vh;

  form {
    div {
      .form-group {
        display: flex;
        flex-direction: column;
        align-items: start !important;
      }

      button[type="submit"] {
        width: 100%;
      }
    }
  }
}

.form-container h1 {
  margin-bottom: 1.5rem;
}

.form-container .btn {
  margin-top: 1rem;
  width: 100%;
  padding: 0.5rem;
  border: none;
  background-color: #007bff;
  color: #ffffff;
  border-radius: 4px;
  cursor: pointer;

}

.form-container .btn:hover {
  background-color: #0056b3;
}

.form-container a {
  display: block;
  margin-top: 1rem;
  color: #007bff;
  text-decoration: none;
}

.form-container a:hover {
  text-decoration: underline;
}