.gradient-custom-2 {
  /* fallback for old browsers */
  background: #fccb90;

  /* Chrome 10-25, Safari 5.1-6 */
  background: -webkit-linear-gradient(
    to right,
    #111111,
    #5c1d4e,
    #792c78,
    #df0e9a
  );

  /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
  background: linear-gradient(to right, #111111, #5c1d4e, #792c78, #df0e9a);
}

.card {
  border: none !important;
}

.loginLogo {
  height: auto;
  width: 10%;
  margin: auto;
}

.btn-login,
.btn-register {
  border: none;
  border-radius: 0.375rem;
  background: var(--main-light-color);
  color: var(--main-white);
  padding: 0.5rem 1rem;
  text-decoration: none;
}

.btn-login:hover,
.btn-register:hover {
  opacity: 0.9;
}

.btn-login:focus,
.btn-register:focus {
  outline: none;
  box-shadow: 0 0 0 2px var(--main-light-color);
  background: var(--main-dark-color);
}

.btn-reset-password {
  color: var(--main-light-color);
}

.btn-reset-password:hover {
  opacity: 0.9;
}

.btn-reset-password:focus {
  outline: none;
  box-shadow: 0 0 0 2px var(--main-light-color);
}

.form-control:focus,
.form-control:hover {
  outline: none;
  box-shadow: 0 0 0 2px var(--main-light-color);
}