:root {
  --pf-v5-global--primary-color--100: #30302e;
  --pf-v5-global--primary-color--200: #242424;

  --pf-c-form__label-text--FontWeight: 400;
  --pf-c-form__label--FontSize: 14px;
  --pf-global--link--Color: rgb(17, 37, 56);
  --pf-global--link--Color--hover: #556a7e;

  --pf-v5-c-title--m-3xl--FontWeight: var(
    --pf-v5-global--FontWeight--bold
  ) !important;
  --pf-v5-global--FontFamily--heading: "Space Grotesk", Helvetica, Arial,
    sans-serif;
  --pf-v5-global--FontFamily--text: "Space Grotesk", Helvetica, Arial,
    sans-serif;
}

::placeholder {
  /* Most modern browsers support this now. */
  font-size: var(--pf-c-form__label--FontSize);
}
.pf-v5-c-login__main-header {
  text-align: center;
}

.pf-c-button.pf-m-primary {
  color: var(--pf-c-button--m-primary--Color);
  background-color: var(--pf-global--palette--black-900);
}

.btn-lg {
  padding: 8px 10px;
}

.login-pf-settings {
  display: flex;
  justify-content: space-between;
}

.login-page-container {
  display: flex;
  /* justify-content: center; */
  /* flex-direction: row-reverse; */
  align-items: center;
  min-height: 100vh;
}

.login-pf-page {
  width: 33vw;
  /* display: flex; */
  align-items: center;
  justify-content: center;
  background: white;
  min-height: 100vh;
}

.login-pf-page .card-pf {
  margin-top: 10rem;
  box-shadow: none;
}

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

.kc-social-links {
  flex-direction: column;
}

.pf-c-button {
  font-weight: 600;
}

.pf-c-form-control {
  border-color: var(--pf-global--BorderColor--300);
}
.pf-c-form__label {
  padding-bottom: 8px;
}

.login-pf-page .card-pf {
  background-color: #fff;
}