/* html, body {
  position: relative;
  margin: 0;
  border: 0;
  padding: 0;
  height: 100%;
  overflow: hidden;
} */


body {
  background-color: black;
  background-image: radial-gradient(
    rgba(0, 150, 0, 0.75), black 120%
  );
  min-height: 100vh;
  margin: 0;
  overflow: auto;
  padding-left: 2rem;
  padding-right: 2rem;
  color: white;
  font-family: 'IBM Plex Mono', monospace;
  text-shadow: 0 0 5px #C8C8C8;
  /* &::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100vw;
    min-height: 100vh;
    overflow: hidden;
    background: repeating-linear-gradient(black, black 1px, transparent 1px, transparent 2px);
    opacity: 0.15;
    pointer-events: none;
  } */
}

a {
  color: white;
  font-family: 'IBM Plex Mono', monospace;
  text-shadow: 0 0 5px #C8C8C8;
}

/* body::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100vw;
  /* height: 150vh; */
  min-height: 100vh;
  /* overflow: hidden; */
  background: repeating-linear-gradient(black, black 1px, transparent 1px, transparent 2px);
  opacity: 0.15;
  pointer-events: none;
} */

summary {
  cursor: pointer;
}

.details-box {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 20px;
}

ul {
  list-style: none;
  margin-left: 0;
  padding-left: 1em;
}

.indented-p {
  margin-left: 2em;
}

.dash-li::before {
  content: "-";
}

.no-bullets {
  list-style-type: none;
  padding: 0;
  margin: 0;
}

.padded-bottom {
  margin-bottom: 10vh;
}

::selection {
  background: #0080FF;
  text-shadow: none;
}
pre {
  margin: 0;
}