body {
    background: hsl(154 50% 5%);
    color: hsl(154 84% 70%);
    text-shadow: 0 0 4px hsl(154 84% 70%);
    font-family: monospace;
    font-size: 16px;
    margin: 15px 20px;
  }

  @media screen and (min-width: 480px) {
    body {
      margin: 25px 50px;
    }
  }

  #glare {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1; /* ensure the effect doesn't cover the text */
    background: radial-gradient(hsl(154 5% 15%) 0%, hsl(154 50% 5%) 70%);
  }

  @keyframes lines {
    0% {background-position: 0px 0px}
    50% {background-position: 0px 0px}
    51% {background-position: 0px 2px}
    100% {background-position: 0px 2px}
  }

  #interlaced {
    position: fixed;
    background: repeating-linear-gradient(transparent 0px 1px, hsl(154 0% 0%/.3) 3px 4px);
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 10;
    pointer-events: none;
    animation: lines 0.066666666s linear infinite;
  }

  pre {
    display: table;
    margin: 0 0 20px -3px;
    font-size: 12px;
  }

  @media screen and (min-width: 480px) {
    pre {
      font-size: 16px;
    }
  }

  p {
    margin: 0 0 20px 0;
  }

  a {
    color: hsl(154 84% 70%);
    text-shadow: 0 0 4px hsl(154 84% 70%);
    text-decoration: none;
  }

  a:hover {
    text-decoration: underline;
  }

  .prompt {
    margin-top: 100px;
  }

  .blink {
    color: hsl(154 84% 70%);
    animation: blinker 1s linear infinite;
    margin-left: 2px;
  }

  @keyframes blinker {
    50% {
      opacity: 0;
    }
  }