body {
  height: 100%;
  color: #5a6;
  text-shadow: 0 0 7px #77cc885f;
  font-family: "Courier New", monospace;
  font-size: 18px;
  margin: 50px 70px;
//  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  text-align: left;
  background-repeat: no-repeat;
  background-image: linear-gradient(0, #111118, #334);
  background-color: #111118;
}

@keyframes blink {
  0% {opacity: 1}
  49% {opacity: 1}
  99% {opacity: 0}
  50% {opacity: 0}
}

h1:after {
  content: "_";
  animation: blink 1.2s linear infinite;
}

a {
  color: #57a;
  padding: 5px 0
}

a:visited {
  color: #76a
}

a:hover {
  color: #58c;
  text-shadow: 0 0 7px #69f, 0 0 9px #6699ff4f;
}

body::after {
  pointer-events: none;
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;  
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAtAAAAAECAYAAACnZwiMAAABhGlDQ1BJQ0MgcHJvZmlsZQAAKJF9kT1Iw0AcxV9bpVJaHewgIpihOlkQFXHUKhShQqgVWnUwufQLmjQkKS6OgmvBwY/FqoOLs64OroIg+AHi5Oik6CIl/i8ptIjx4Lgf7+497t4B/kaFqWbXOKBqlpFOJoRsblUIviKMECLoxbDETH1OFFPwHF/38PH1Ls6zvM/9OSJK3mSATyCeZbphEW8QT29aOud94igrSQrxOfGYQRckfuS67PIb56LDfp4ZNTLpeeIosVDsYLmDWclQiaeIY4qqUb4/67LCeYuzWqmx1j35C8N5bWWZ6zSHkMQiliBCgIwayqjAQpxWjRQTadpPePgHHb9ILplcZTByLKAKFZLjB/+D392ahckJNymcALpfbPtjBAjuAs26bX8f23bzBAg8A1da219tADOfpNfbWuwI6NsGLq7bmrwHXO4AA0+6ZEiOFKDpLxSA9zP6phzQfwuE1tzeWvs4fQAy1FXqBjg4BEaLlL3u8e6ezt7+PdPq7wcyG3KNMjeoHQAAAAZiS0dEAP8A/wD/oL2nkwAAAAlwSFlzAAAuIwAALiMBeKU/dgAAAAd0SU1FB+QMCg0YF+JccJwAAAAZdEVYdENvbW1lbnQAQ3JlYXRlZCB3aXRoIEdJTVBXgQ4XAAAAMElEQVRo3u3QMQEAIBAAoXszWMf+tazg4AgRmOoEAAA8WQoAAODdVFsDAAAAAADfXS+rAFZrasoJAAAAAElFTkSuQmCC");
  pointer-events: none;
}