# 🔮 Fortune ### Your friendly CSS framework. [![](https://data.jsdelivr.com/v1/package/npm/fortune-css/badge)](https://www.jsdelivr.com/package/npm/fortune-css) Fortune helps prototype sites by providing a set of non-blocking utilities and basic components. - ⚡️ Light-weight at < 10kb gzipped - ⛔️ No preprocessor required - 📐 Easy CSS grids & flexbox - 🌈 Customizable CSS variables To load Fortune via CDN, add this to your ``: ``` ``` To theme your site or components, modify `:root`, `:scope` or `.class` in your CSS: ``` :root { --font-family: 'Roboto', sans-serif; --headings-font-family: 'Roboto', sans-serif; --container-width: 125em; --column-gutter: 4rem; } ```