# CRT & Retro FX Archive

A standalone collection of CSS tools to add retro Monitor, Terminal, and CRT effects to any web project.

## 📂 Contents

*   **`crt_tools.css`** - The core library. Import this into any project.
*   **`crt_demo.html`** - A visual gallery showing the effects in action.

## 🚀 How to Use

1.  Copy `crt_tools.css` to your project.
2.  Link it in your HTML: `<link rel="stylesheet" href="crt_tools.css">`
3.  Apply classes to your elements:

### Available Classes

| Class | Effect |
| :--- | :--- |
| `.scanlines` | Adds visual horizontal scanlines. |
| `.scanlines-flicker` | Adds animated, flickering scanlines (more intense). |
| `.phosphor-glow` | Adds the classic "bloom" text-shadow. |
| `.chromatic-text` | Adds Red/Blue text separation (Abberation). |
| `.glitch-text` | Animates the text with a cyberpunk glitch effect (Requires `data-text` attribute). |
| `.terminal-box` | Preset container with border, glow, and background color. |
| `.screen-curve` | Adds an inner shadow to simulate a curved tube TV. |
| `.anim-power-on` | An animation class that makes an element "pop" in like an old TV turning on. |

## 🎨 Customization

The effects use CSS variables. You can override them formatted inline or in your own CSS:

```css
:root {
    --crt-green: #00ff41; /* Default Matrix Green */
    --crt-amber: #ffb000; /* Fallout Amber */
    --crt-bg: #0a0a0a;
}
```

Generated by **Antigravity** for **StarlightDaemon**.