body * {
  background: black !important;
  color: white !important;
}

@keyframes fade {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

#app,
main,
section,
button {
  animation: fade 0.5s cubic-bezier(0.39, 0.58, 0.57, 1) !important;
}

* {
  --pf-v5-c-button--m-link--Color: white !important;
  --pf-v5-global--link--Color: #CFCFCF !important;
  --pf-v5-global--link--Color--hover: white !important;
  --pf-v5-c-button--m-secondary--Color: white !important;
  --pf-v5-c-jump-links__link--before--BorderColor: white !important;
  --pf-v5-c-jump-links__item--m-current__link--before--BorderColor: white !important;
  --pf-v5-c-button--after--BorderColor: white !important;
  --pf-v5-c-button--m-secondary--after--BorderColor: white !important;
  --pf-v5-c-tabs__link--after--BorderColor: white !important;
  --pf-v5-c-tabs__item--m-current__link--after--BorderColor: white !important;
  transition: color 200ms ease-in,
    background 200ms ease-in,
    background-color 200ms ease-in,
    border 200ms ease-in !important;
}

.pf-v5-c-radio__label {
  background: transparent !important;
}

*:hover {
  transition: color 200ms ease-out,
    background 200ms ease-out,
    background-color 200ms ease-out,
    border 200ms ease-out !important;
}

.pf-v5-c-jump-links__item.pf-m-current>.pf-v5-c-jump-links__link,
.pf-v5-c-nav__link.pf-m-current:after,
.pf-v5-c-nav__link.pf-m-current:hover:after,
.pf-v5-c-nav__item.pf-m-current:not(.pf-m-expanded) .pf-v5-c-nav__link:after {
  border-color: white !important;
}

.pf-v5-c-button.pf-m-secondary,
.pf-v5-c-button.pf-m-secondary:after {
  background-color: var(--pf-v5-c-button--m-secondary--BackgroundColor);
  color: #CFCFCF !important;
  border-width: thin !important;
}

.pf-v5-c-button.pf-m-secondary:hover {
  color: white !important;
}

a {
  text-decoration: none !important;
  color: #CFCFCF !important;
}

a:hover {
  color: white !important;
}

.pf-v5-c-form-control *,
.pf-v5-c-alert {
  color: white !important;
  background: #151515FF !important;
  outline: none !important;

  border-color: transparent !important;
  border-width: thin !important;
  border-style: solid !important;
  border-radius: 0.375em !important;
}

.pf-v5-c-form-control *:hover {
  border-color: white !important;
}

.pf-v5-c-input-group__item,
#password-show-password {
  background: transparent !important;
  border-inline: none !important;
  border: none !important;
}

.pf-v5-c-form-control {
  border: none !important;
  outline: none !important;
}

.pf-v5-c-form-control:before,
.pf-v5-c-form-control:after {
  display: none !important;
  border: none !important;
  outline: none !important;
}

.pf-v5-c-login__main {
  background: transparent !important;
  border-width: thin;
  border-color: white;
  border-style: solid;
  border-radius: 0.375em;
}