/* why the fuuuuck dont any of the libraries include anything like this?! */
.tx-10 { font-size: 0.83em; }
.tx-11 { font-size: 0.92em; }
.tx-12 { font-size: 1em; }
.tx-13 { font-size: 1.08em; }
.tx-14 { font-size: 1.16em; }
.tx-15 { font-size: 1.24em; }
.tx-16 { font-size: 1.32em; }
.tx-17 { font-size: 1.40em; }
.tx-18 { font-size: 1.48em; }
.tx-19 { font-size: 1.56em; }
.tx-20 { font-size: 1.64em; }
.tx-21 { font-size: 1.72em; }
.tx-22 { font-size: 1.80em; }
.tx-23 { font-size: 1.88em; }
.tx-24 { font-size: 1.96em; }
.tx-25 { font-size: 2.04em; }
.tx-26 { font-size: 2.12em; }
.tx-27 { font-size: 2.20em; }
.tx-28 { font-size: 2.28em; }
.tx-29 { font-size: 2.36em; }
.tx-30 { font-size: 2.44em; }
.tx-31 { font-size: 2.52em; }
.tx-32 { font-size: 2.60em; }
.tx-33 { font-size: 2.68em; }
.tx-34 { font-size: 2.76em; }
.tx-35 { font-size: 2.84em; }
.tx-36 { font-size: 2.92em; }
.tx-37 { font-size: 3em; }
.tx-38 { font-size: 3.08em; }
.tx-39 { font-size: 3.16em; }
.tx-40 { font-size: 3.24em; }

.lh-1 { line-height: 1; }
.lh-1p5 { line-height: 1.5; }
.lh-2 { line-height: 2; }
.lh-2p5 { line-height: 2.5; }

.fw-100 { font-weight: 100; }
.fw-200 { font-weight: 200; }
.fw-300 { font-weight: 300; }
.fw-400 { font-weight: 400; }
.fw-500 { font-weight: 500; }
.fw-600 { font-weight: 600; }
.fw-700 { font-weight: 700; }
.fw-800 { font-weight: 800; }
.fw-900 { font-weight: 900; }

.ls-n5 { letter-spacing: -5px; }
.ls-n4 { letter-spacing: -4px; }
.ls-n3 { letter-spacing: -3px; }
.ls-n2 { letter-spacing: -2px; }
.ls-n1 { letter-spacing: -1px; }
.ls-0 { letter-spacing: 0px; }
.ls-1 { letter-spacing: 1px; }
.ls-2 { letter-spacing: 2px; }
.ls-3 { letter-spacing: 3px; }
.ls-4 { letter-spacing: 4px; }
.ls-5 { letter-spacing: 5px; }

/* there are also some background issues */
.bg-inherit { background-color: inherit; }
.bg-white { background-color: white; }

/* heights only work if the parent is set -eyeroll- */
.ht-100 { min-height: 100px; }
.ht-80 { min-height: 80px; }
.ht-75 { min-height: 75px; }
.ht-50 { min-height: 50px; }
.ht-40 { min-height: 40px; }
.ht-30 { min-height: 30px; }
.ht-25 { min-height: 25px; }
.ht-20 { min-height: 20px; }
.ht-10 { min-height: 10px; }
.ht-5 { min-height: 5px; }