.outfit { font-family: var(--font-sans); }
.Inconsolata { font-family: var(--font-mono);}

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

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

.underline { text-decoration: underline; }

.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_7 { font-size: 0.7rem; }
.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; }

/* 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; }