███╗   ██╗███████╗ ██████╗    ██████╗███████╗███████╗
 ████╗  ██║██╔════╝██╔═══██╗  ██╔════╝██╔════╝██╔════╝
 ██╔██╗ ██║█████╗  ██║   ██║  ██║     ███████╗███████╗
 ██║╚██╗██║██╔══╝  ██║   ██║  ██║     ╚════██║╚════██║
 ██║ ╚████║██║     ╚██████╔╝  ╚██████╗███████║███████║
 ╚═╝  ╚═══╝╚═╝      ╚═════╝    ╚═════╝╚══════╝╚══════╝

NFO/ASCII/ANSI/warez ART STYLE CSS LIBRARY

> WELCOME

NFO.css is a CSS library with a NFO/ASCII/ANSI/warez era vibe.

Explore the components below or use the navigation above to see detailed examples of each feature.

> COMPONENTS

Colors

Text and background color utilities

Typography

Headings, sizes, spacing, and text styles

Banners

ASCII art headers and dividers

Boxes

Border styles and containers

Buttons

Bracket, arrow, and block styles

Cards

Content cards with glow effects

Tables

Striped and info table styles

Forms

Inputs, checkboxes, and radios

Lists

Bullets, checklists, and file trees

Effects

Glows, animations, and gradients

Themes

Color schemes and theming system

> QUICK START

Include NFO.css in your project:

<link rel="stylesheet" href="nfo.css">

Add the base page class to your body:

<body class="nfo-page nfo-scanlines">

Start using components:

<div class="nfo-box nfo-box-single nfo-p-4">
  <h2 class="nfo-h2 nfo-cyan">Hello World</h2>
  <button class="nfo-btn nfo-btn-cyan">Click Me</button>
</div>