body {
  background-color: #000;
  color: #0F0;
  display: flex;
  flex-direction: vertical;
  gap: 2rem;
  font-family: monospace, monospace !important;
}

@media (min-width: 780px) {
  body {
    flex-direction: horizontal;
  }
}

figure {
  margin: 0;
}

pre {
  margin: 0;
}

a {
  color: #FFF;
}

a:hover {
  text-decoration: none;
}

a:visited {
  color: #0F0;
}

.sr-only:not(:focus):not(:active) {
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  height: 1px;
  overflow: hidden;
  position: absolute;
  white-space: nowrap;
  width: 1px;
}