# terminal.css
A modern CSS framework for terminal-style websites.
## Installation
### CDN Installation
Add these links to your HTML file:
```html
```
Optional: Add Tailwind CSS for layout utilities (flex, grid, spacing)
```html
```
## How to Use Components
To use any component, simply:
1. Go to the [Components page](./index.html)
2. Find the component you want to use
3. Press F12 to open DevTools
4. Inspect the component and copy the HTML code
5. Paste it into your project
### Complete HTML Template
```html
My Terminal App
Hello Terminal!
```
## Customization
Override CSS variables to customize the theme:
```css
/* In your custom stylesheet */
:root {
/* Change primary color */
--primary: #00ff00;
/* Change background */
--terminal-bg: #0a0a0a;
/* Change font */
font-family: 'Courier New', monospace;
/* Other variables */
--terminal-fg: #f0f0f0;
--danger: #ff5555;
--success: #50fa7b;
--warning: #f1fa8c;
--info: #8be9fd;
--border-color: #333333;
--surface: #1a1a1a;
--muted: #6c757d;
}
```