/* Main CSS Styling */
:root {
      --bg: #0a0a0a;
      --text: #00ff66;
      --accent: #00cc44;
      --border: #00aa33;
    }

    body.light {
      --bg: #2b0033;
      --text: #d28cff;
      --accent: #bb44ff;
      --border: #8800cc;
    }

    body {
      margin: 0;
      font-family: "Courier New", monospace;
      background: var(--bg);
      color: var(--text);
      background-image: url("/images/misc/purple-stars-bg.gif");
      background-repeat: repeat;
    }

    .console {
      max-width: 900px;
      margin: 2rem auto;
      border: 2px solid var(--border);
      padding: 1rem;
      background: #000;
    }

    header {
      border-bottom: 1px solid var(--border);
      padding-bottom: 0.5rem;
      margin-bottom: 1rem;
    }

    header h1 {
      margin: 0;
      color: var(--accent);
    }

    header .cursor {
      display: inline-block;
      width: 10px;
      background: var(--text);
      animation: blink 1s infinite;
    }

    @keyframes blink {
      50% {
        background: transparent;
      }
    }

    nav {
      margin-bottom: 1rem;
    }

    nav a {
      color: var(--accent);
      text-decoration: none;
      margin-right: 1rem;
      cursor: pointer;
    }

    nav a:hover {
      text-decoration: underline;
    }

    main {
      min-height: 300px;
    }

    section {
      display: none;
    }

    section.active {
      display: block;
    }

    footer {
      border-top: 1px solid var(--border);
      margin-top: 1rem;
      padding-top: 0.5rem;
      text-align: center;
      font-size: 0.9rem;
    }

    .theme-toggle {
      margin-top: 1rem;
      border: 1px solid var(--border);
      background: var(--bg);
      color: var(--text);
      font-family: inherit;
      cursor: pointer;
      padding: 0.25rem 0.5rem;
    }

/* Links */
/* unvisited link */
a:link {
  color: cyan;
}

/* visited link */
a:visited {
  color: fuchsia;
}