/* Apply to the entire webpage background and default font */
html, body {
  background-color: #000000 !important; /* Pure black background */
  color: #00FF33 !important;            /* Matrix neon green text */
  font-family: 'Courier New', Courier, monospace !important; /* Terminal font */
  margin: 0;
  padding: 20px;
}

/* Static text elements: Neon green text with a glowing effect */
h1, h2, h3, h4, h5, h6, p, span, div, li, td, th {
  color: #00FF33 !important;
  text-shadow: 0 0 5px #00FF33 !important; /* Cyberpunk text glow */
  font-size: 40px !important;
}

/* Automatically adds a blinking cursor block after paragraphs and headers */
p::after, h1::after, h2::after, h3::after {
  content: "\2588"; /* Terminal block cursor character */
  color: #00FF33;
  margin-left: 5px;
  animation: cursorBlink 0.7s infinite steps(2); /* Hard on/off blink */
}

/* Hyperlinks: Static green text with NO injected cursor */
a, a:visited, a:hover, a:active {
  color: #00AA22 !important; /* Slightly darker green for links */
  text-shadow: 0 0 5px #00FF33 !important;
  text-decoration: underline;
  font-size: 30px !important;
}

/* Custom selection color when highlighting text with a cursor */
::selection {
  background-color: #00FF33;
  color: #000000;
}

/* The animation logic that flips the cursor on and off instantly */
@keyframes cursorBlink {
  0%, 100% { opacity: 1; }
  50% { opacity: 0; }
}