.outfit { font-family: var(--font-sans); }
.Inconsolata { font-family: var(--font-mono);}
.Satoshi { font-family: var(--font-sans2); }
.alpino { font-family: var(--font-sans3); }

    .outfit,
    .Inconsolata,
    .Satoshi,
    .alpino { 
        color: var(--color-text); 
    }

.bold { font-weight: bold; }
.normal { font-weight: normal; }
.thin { font-weight: 100; }

.text_center { text-align: center; }
.text_left { text-align: left; }

.no_decoration {
    color: white;
    text-decoration: none;
}

.lineHeight-0-8 { line-height: .8; }
.lineHeight-0-5 { line-height: .5; }

/* typographic scale */
.heading { font-size: 2rem; }
.lead { font-size: 1rem; }
.small { font-size: .8rem; }

.size-0_5 { font-size: 0.5rem; }
.size-0_8 { font-size: 0.8rem; }
.size-1 { font-size: 1rem; }
.size-1_2 { font-size: 1.2rem; }
.size-1_5 { font-size: 1.5rem; }
.size-2 { font-size: 2rem; }
.size-3 { font-size: 3rem; }
.size-4 { font-size: 4rem; }
.size-5 { font-size: 5rem; }
.size-6 { font-size: 6rem; }
.size-7 { font-size: 7rem; }
.size-8 { font-size: 8rem; }
.size-9 { font-size: 9rem; }
.size-10 { font-size: 10rem; }

.caption-small,
.caption,
.caption-large { line-height: 1.57; letter-spacing: 0.03em; }

span,
.bodySize,
.bodySize-xL,
h5,
h6 { line-height: 1.52; letter-spacing: 0.03em; }

h3,
h4 { line-height: 1.52; letter-spacing: 0.025em; }

h1,
h2 { line-height: 1.47; letter-spacing: 0.02em; }

.caption-small { font-size: 0.7rem; }
.caption { font-size: 0.85rem; }
.caption-large { font-size: 0.89rem; }

span,
.bodySize { font-size: 1rem; }

.bodySize-xL { font-size: 1.06rem; }

h6 { font-size: 1.12rem; }
h5 { font-size: 1.18rem; }
h4 { font-size: 1.25rem; }
h3 { font-size: 1.4rem; }
h2 { font-size: 1.56rem; }
h1 { font-size: 1.95rem; }

/* text transforms & spacing */
.uppercase { text-transform: uppercase; letter-spacing: .08em; }
.lowercase { text-transform: lowercase; }
.capitalize { text-transform: capitalize; }

.letter-tight { letter-spacing: -0.02em; }
.letter-wide { letter-spacing: .06em; }

/* overflow / wrapping */
.truncate { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.no_wrap { white-space: nowrap; }
.break_words { word-wrap: break-word; word-break: break-word; hyphens: auto; }