This website is not optimized for mobile view yet...
// Layout

.display-flex {
    display: flex;

.display-grid {
    display: grid;
// Typography

.font-size-16 {
    font-size: 1.6rem;

.font-size-20 {
    font-size: 2.0rem;
// Whitespace

.margin-24 {
    margin: 2.4rem;

.margin-center {
    margin: 0 auto;

Amigo CSS

// Shortcuts

.display-flex-center-both {
    display: flex;
    align-items: center;
    justify-content: center;

// Extras

.scroll-smooth {
    scroll-behaviour: smooth;
.cursor-pointer {
    cursor: pointer;



Get Started

It's very easy to get started with Amigo CSS. There are three simple ways:

1. This is the easiest way to get started especially for beginners. Just include this link in the head of your HTML:

<link rel="stylesheet" href="">

2. For those familiar with NPM, Amigo CSS is available on NPM

npm install amigocss

3. Amigo CSS is open-source, you can download the whole code base on Github. You can either clone the repo:

git clone

  or just use the download link below to get the whole repo:

Download Amigo CSS