Font Size Classes

<!-- In Font Size 12 -->
<p class="fs-12">Font Size 12px </p>

<!-- In Font Size 13 -->
<p class="fs-13">Font Size 13px </p>

<!-- In Font Size 14 -->
<p class="fs-14">Font Size 14px </p>

<!-- In Font Size 15 -->
<p class="fs-15">Font Size 15px </p>

<!-- In Font Size 16 -->
<p class="fs-16">Font Size 16px </p>

<!-- In Font Size 17 -->
<p class="fs-17">Font Size 17px </p>

<!-- In Font Size 18 -->
<p class="fs-18">Font Size 18px </p>

<!-- In Font Size 19 -->
<p class="fs-19">Font Size 19px </p>

<!-- In Font Size 20 -->
<p class="fs-20">Font Size 20px </p>

<!-- In Font Size 1rem -->
<p class="fs-1rem">Font Size 1rem </p>
<!-- In Font Size 2rem -->
<p class="fs-2rem">Font Size 2rem </p>
<!-- In Font Size 3rem -->
<p class="fs-3rem">Font Size 3rem </p>
<!-- In Font Size 4rem -->
<p class="fs-4rem">Font Size 4rem </p>
<!-- In Font Size 5rem -->
<p class="fs-5rem">Font Size 5rem </p>

Font Weights

<!-- Heading Normal -->
<h5 class="normal">Normal</h5>

<!-- Heading Light Weight -->
<h5 class="light">Thinnest</h5>

<!-- Heading Semi-bold Weight -->
<h5 class="semi-bold">Semi-bold</h5>

<!-- Heading bold Weight -->
<h5 class="bold">Most Boldest</h5>

Text Aligngments

<!-- Text align left -->
<div class="text-left">Left</div>
<!-- Text align center -->
<div class="text-center">Center</div>
<!-- Text align right -->
<div class="text-right">Right</div>

Misc

<div class="uppercase">Uppercase</div>
<div class="lowercase">LOWERCASE</div>
<div class="sentence-case">this is a sentence.</div>
<div class="hint-text">This is a hint</div>
<a class="no-decoration">This is a link with no decoration</a>