body {
  background: linear-gradient(180deg, #0041a2 36.5%, #002151);
  background-repeat: no-repeat;
  background-size: cover;
  background-position-y: center;
  height: 100vh;
  color: #335373;
  font-family: 'Roboto', sans-serif;
}

h1 {
  font-size: x-large;
}

.pf-v5-c-login__link {
  background: #fff;
  border-top: 1px solid rgba(3, 3, 3, 0.1);
  box-shadow: 0 1px 1px rgba(3, 3, 3, 0.275);
  border-radius: 8px;
  padding: 20px;
  margin-bottom: 20px;
}

.pf-v5-c-login__link a {
  font-size: large;
}

.pf-v5-c-login__link a img {
  width: 22px;
  margin-right: 10px;
  vertical-align: bottom;
}

.pf-v5-c-background-image {
  /* Change background size so that the image covers the entire background. */
  --pf-v5-c-background-image--BackgroundSize: cover;
}

.pf-v5-c-login__container {
  /* Change the grid layout so that the header is always above the main area. */
  grid-template-areas: "header" "main";
  --pf-v5-c-login__container--xl--GridTemplateColumns: minmax(auto, 34rem);
}

.kc-brand {
  height: 197px;
  width: 100%;
  display: block;
  margin: 0 auto;
}