/* CRT Scanlines */
body::before {
  content: '';
  pointer-events: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 999;
  background: repeating-linear-gradient(
    to bottom,
    rgba(	170, 102, 255, 0.05),
    rgba(	170, 102, 255, 0.05) 1px,
    transparent 1px,
    transparent 2px
  );
}

/* Flicker Animation */
@keyframes flicker {
  0%, 100% { opacity: 1; }
  10% { opacity: 0.9; }
  20% { opacity: 1; }
  30% { opacity: 0.85; }
  40% { opacity: 1; }
  50% { opacity: 0.9; }
  60% { opacity: 1; }
  70% { opacity: 0.95; }
  80% { opacity: 1; }
  90% { opacity: 0.88; }
}

/* Optional: Terminal border */
.terminal-wrapper {
  border: 2px solid #00ff00;
  padding: 1rem;
  box-shadow: 0 0 10px #00ff00;
  margin: 2rem auto;
  max-width: 800px;
}

body {
  background-color: black;
  color: #AA66FF;
  font-family: monospace;
  padding: 2rem;
  line-height: 1.6;
}

h1, h2 {
  color: #AA66FF;
  text-shadow: 0 0 6px #AA66FF;
}

.glow-box {
  border: 1px solid #AA66FF;
  padding: 1rem;
  margin-top: 2rem;
  box-shadow: 0 0 12px #AA66FF;
}

    .hidden {
      visibility: hidden;
    }
    
.glitch-line {
  color: #AA66FF;
  font-family: monospace;
  white-space: pre;
  overflow: hidden;
  display: block;
  animation: glitchFade 5s infinite;
        font-size: 1.1rem;
      line-height: 1.6;
}

@keyframes glitchFade {
  0% { opacity: 1; }
  30% { opacity: 1; }
  40% { opacity: 0.3; transform: translateX(-1px); }
  45% { opacity: 1; transform: translateX(0); }
  50% { opacity: 0; }
  100% { opacity: 1; }
}


a {
  color: #AA66FF;
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}