body {
  padding-top: 5rem;
}

.portal {
  background-color: rgb(251, 249, 246);
  padding-top: 2rem;
}

.portal .benefits span.huge,
.portal .landing span.huge {
  font-size: calc(1.8rem + 10vw);
  font-weight: bold;
  display: block;
  rotate: -6deg;
}

/* "QuizServ" is longer than the benefits page's "HOL DIR" */
.portal .landing span.huge {
  font-size: calc(1.2rem + 4.5vw);
  text-align: center;
}

.portal .benefits .stress,
.portal .benefits .stress-mirrored {
  vertical-align: -0.75rem;
}

.portal .benefits .stress-mirrored:before {
  transform: scaleX(-1);
}

.portal .brand-tag {
  display: inline-block;
  /* Same size as the landing hero wordmark. */
  font-size: calc(1.2rem + 4.5vw);
  font-weight: bold;
  rotate: -6deg;
}