body {
  background-color: #000;
  color: #fff;
  font-family: Roboto, Verdana, Helvetica, Arial;
}
.infotext {
  margin-top: 10%;
  text-align: justify;
  font-size: 16pt;
}
.infotext > h1 {
  font-size: 4rem;
}
.infotext > h2 {
  font-size: 3rem;
}
.infotext > pre {
  font-size: 14pt;
}
.infotext > p > a:link,
.infotext > p > a:visited {
  color: #fff;
  text-decoration: none;
  border-bottom: 1px solid #0fa;
}
.h-card > a:link,
.h-card > a:visited {
  color: #fff;
  text-decoration: none;
}
/* neon sign, inspired by https://css-tricks.com/how-to-create-neon-text-with-css/ */
.neonText {
  color: #fff;
  text-shadow:
      0 0 4px #fff,
      0 0 11px #fff,
      0 0 19px #fff,
      0 0 40px #0fa,
      0 0 80px #0fa,
      0 0 90px #0fa,
      0 0 100px #0fa,
      0 0 150px #0fa;
}
.neonText > h1 {
  animation: flicker 1.5s infinite alternate;
}
.neonBorder {
  border: 0.2rem solid #fff;
  padding: 0.6em;
  border-radius: 2rem;
  box-shadow: 0 0 .2rem #fff,
              0 0 .2rem #fff,
              0 0 2rem #bc13fe,
              0 0 0.8rem #bc13fe,
              0 0 2.8rem #bc13fe,
              inset 0 0 1.3rem #bc13fe;
}
@keyframes flicker {
  0%, 18%, 22%, 25%, 53%, 57%, 100% {
    text-shadow:
      0 0 4px #fff,
      0 0 11px #fff,
      0 0 19px #fff,
      0 0 40px #0fa,
      0 0 80px #0fa,
      0 0 90px #0fa,
      0 0 100px #0fa,
      0 0 150px #0fa;
  }
  20%, 24%, 55% {       
    text-shadow: none;
  }
}