body{
  background: black;
  font-size: 5vw;
  text-align: center;
  font-family: monospace;
  color: white;
}
.outline{
  color: black;
  font-size: 3em;
  text-shadow: white .02em 0 0, white 0 .02em 0, white -.02em 0 0, white 0 -.02em 0, black .06em 0 0, black .06em .06em 0, black 0 .06em 0, black -.06em .06em 0, black -.06em 0 0, black -.06em -.06em 0, black 0 -.06em 0, black .06em -.06em 0, white .08em 0 0, white .08em .08em 0, white 0 .08em 0, white -.08em .08em 0, white -.08em 0 0, white -.08em -.08em 0, white 0 -.08em 0, white .08em -.08em 0;
}
.underline{
  display: inline-block;
  position: relative;
}
.underline::before {
  content: '';
  position: absolute;
  display: block;
  height: .3em;
  width: 110%;
  margin-left: -55%;
  left: 50%;
  bottom: -.22em;
  border-radius: 50%;
  z-index: -2;
  background: white;
  background: linear-gradient(to right, white 25%,black 100%);
}
.underline::after {
  content: '';
  position: absolute;
  display: block;
  height: .35em;
  width: 120%;
  margin-left: -60%;
  left: 50%;
  bottom: -.35em;
  border-radius: 50%;
  z-index: -1;
  background: black;
}
.background{
  color: black;
  text-decoration: underline;
  text-decoration-skip-ink: none;
  text-decoration-inset: -0.1ch;
  text-underline-offset: -.8em;
  text-decoration-thickness: 1em;
  text-decoration-color: yellow;
  font-weight: bold;
}
br{
  margin-bottom:2em;
}