.login-pf {
  background: none;
}

.login-pf body {
  background: url("../img/background.svg") no-repeat center center fixed;
  background-size: cover;
  background-color: hsl(230, 24%, 10%);
}

.login-pf-page-header {
  background-image: url("../img/louhe_logo.svg");
  background-position-x: center;
  background-repeat: no-repeat;
  background-size: contain;
  margin: auto;
  margin-top: 100px;
  margin-bottom: 50px;
  max-width: 500px;
}

#kc-header-wrapper {
  color: transparent;
}

.card-pf {
  background-color: rgb(47, 51, 66);
  color: white;
  border: none;
}

.pf-c-form-control {
  border-radius: 4px;
}

.pf-c-input-group {
  border-radius: 4px;
  overflow: hidden;
}

.pf-c-button {
  border-radius: 6px;
  max-width: 140px;
  margin: auto;
  background-color: rgb(82, 80, 241);
}