body {
  margin: 0;
  min-height: 100vh;
  display: grid;
  place-items: center;
  font-family: sans-serif;
}
.rounded-pill {
  border-radius: 50rem !important;
}
.text-center {
  text-align: center !important;
}
.btn-primary {
  color: #fff;
  font-size: 16px;
  background-color: #0d6efd;
  padding: 14px 30px;
  border: 2px solid #0d6efd;
  transition: all 300ms ease-in-out;
  cursor: pointer;
  width: 150px;
}
.btn-primary:hover {
  transform: scaleX(1.1);
  color: #fff;
  background-color: #0b5ed7;
  border-color: #0a58ca;
}
.mb-20 {
  margin-bottom: 20px;
}

.form-container {
  width: 350px;
  max-width: 100% !important;
}
form {
  text-align: center;
}

.form-control {
  width: 92%;
  padding: 12px;
  font-size: 16px;
  border: 2px solid rgb(153, 153, 153) !important;
}