html,
body {
  height: 100%;
}

body {
  display: flex;
  align-items: start;
  padding-top: 100px;
  color: #B3B7B7;
  background-color: hsl(223, 13%, 11%);
}

a.btn-link {
  color: #B3B7B7;
}

.alert-danger {
  color: #e8e8e8;
  background-color: #c95a5a;
  border: 0;
  border-radius: 15px;
}

.alert-success {
  border: 0;
  border-radius: 15px;
  color: #e8e8e8;
  background-color: #7bc55d;
}

.container {
  width: auto;
  background-color: #1B1E24;
  border-radius: 80px;
  padding: 40px 50px 60px 40px
}

.form-custom {
  background-color: #1b1e24;
  border-radius: 15px;
  width: 250px;
  border: 1px solid #7F8997;
  padding: 10px;
}

.form-custom:focus {
  outline: 0;
}

.form-signin {
  max-width: 330px;
  padding: 0 15px 15px;
}

.mt-30 {
  margin-top: 30px;
}

.mt-20 {
  margin-top: 20px;
}

.mt-15 {
    margin-top: 15px;
}

.mt-10 {
  margin-top: 10px;
}

.fw-normal {
  font-weight: normal;
}

.btn-main {
  border-radius: 15px;
  background-color: #4EAC84;
  border: 0;
  font-size: 16px;
  color: #E4DFDF;
}

.btn-main:hover {
  background-color: #50C493;
  color: #E7E2E2;
}

.btn-link {
  background-color: #2a2d34;
  border: 0;
  border-radius: 15px;
  padding: 10px 30px;
}

.btn-link:hover,
.btn:focus,
.btn:active:focus {
  text-decoration: none;
  color: #989393;
  background-color: #43464d;
}

.providers .btn-link:first-of-type {
  margin-top: 15px;
}

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

.form-signin input[type="username"] {
  margin-bottom: -1px;
}

.form-signin input[type="password"] {
}