body {
  background-color: black;
  background-image: radial-gradient(
    rgba(0, 150, 0, 0.75), black 120%
  );
  background-repeat: no-repeat;
  background-attachment: fixed; 
  height: 100vh;
  margin: 0;
/*  overflow: hidden; */
  padding: 2rem;
  color: white;
  font-family: 'VT323', monospace;
  font-weight: 400;
  font-size: 1em;
  text-shadow: 0 0 2px #C8C8C8;
  &::after {
    content: "";
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background: repeating-linear-gradient(
      0deg,
      rgba(0, 0, 0, 0.15),
      rgba(0, 0, 0, 0.15) 1px,
      transparent 1px,
      transparent 2px
    );
    pointer-events: none;
  }
}
::selection {
  background: #0080FF;
  text-shadow: none;
}
pre {
  margin: 0;
  font-size: 1.5vw;
}
a {
  color: #0f0;               /* Classic terminal green */
  text-decoration: none;     /* Remove the default underline */
  font-weight: bold;         /* Make it stand out */
}

a:hover {
  /* add an effect on hover */
  text-decoration: underline;
}
/* Basic ANSI/VT color palette (classic 8 colors) with bright option */
.ansi-black   { color: #000000; }
.ansi-red     { color: #FF0000; }
.ansi-green   { color: #00FF00; }
.ansi-yellow  { color: #FFFF00; }
.ansi-blue    { color: #0000FF; }
.ansi-magenta { color: #FF00FF; }
.ansi-cyan    { color: #00FFFF; }
.ansi-white   { color: #C0C0C0; }
.ansi-bright-black   { color: #555555; }
.ansi-bright-red     { color: #FF5555; }
.ansi-bright-green   { color: #55FF55; }
.ansi-bright-yellow  { color: #FFFF55; }
.ansi-bright-blue    { color: #5555FF; }
.ansi-bright-magenta { color: #FF55FF; }
.ansi-bright-cyan    { color: #55FFFF; }
.ansi-bright-white   { color: #FFFFFF; } /* Could be #FFFFFF or something slightly different */

.youtube-video {
  aspect-ratio: 16 / 9;
  width: 100%;
}
@media screen and (min-width: 601px) {
  pre {
    font-size: 10px;
  }
}
ul.nav {
    width: 15em;
    padding: 0;
    list-style-type: none;
}
ul.nav li {
    display: inline;
}
ul.nav li a {
    color: #55FFFF;
    padding: 0.25em 0.5em;
    text-decoration: none;
    font-weight: bold;
}
ul.nav li a:hover {
    text-decoration: underline;
}