body {
  margin: 0;
  font-family: 'Orbitron', sans-serif;
  color: var(--text-color);
  background: var(--background-color);
  overflow-x: hidden;
}

body::before {
  content: "";
  position: fixed;
  top: 0; left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  pointer-events: none;
  background: url('/assets/RpdC.gif') repeat;
  opacity: 0.05;
  mix-blend-mode: screen;
}

body::after {
  content: "";
  position: fixed;
  top: 0; left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  pointer-events: none;
  background:
    repeating-linear-gradient(
      0deg,
      --scanline-color 0px,
      --scanline-color 1px,
      transparent 1px,
      transparent 4px
    );
  animation: scanlines 0.1s linear infinite;
}

main section h2 {
  color: var(--terminal-border);
  text-shadow: 0 0 5px var(--terminal-border);
  margin-top: 2rem;
  text-align: center;
}

.hidden {
  display: none;
}