:root {
  --login-card-margin-right: auto;

  --logo-margin-right: auto;

  --logo-width: 320px;
  --logo-height: 80px;

  --pf-global--primary-color--100: #843FDC;
  /* Button hover effect */
  --pf-global--primary-color--200: #843FDC;
}

.login-pf body {
  background: #fff url(../img/bg.png) no-repeat center / cover;
}

div.kc-logo-text {
  margin: 0 auto 16px;
}

div.kc-logo-text::after {
  display: none;
}

#kc-page-title {
  text-align: center;
}

#kc-social-providers hr {
  display: none;
}

div.card-pf {
  background: rgba(255, 255, 255, 0.975);
  box-shadow: none;
}