<div class="typography">
<h1>This is an h1</h1>
<h2>This is an h2</h2>
<h3>This is an h3</h3>
<p>This is body content</p>
<span class="button-label">This is a button</span>
<a class="button-label">This is an anchor</a>
</div>
<div class="typography">
<h1>This is an h1</h1>
<h2>This is an h2</h2>
<h3>This is an h3</h3>
<p>This is body content</p>
<span class="button-label">This is a button</span>
<a class="button-label">This is an anchor</a>
</div>
/* No context defined. */
There are two fonts used in the app; Livvic and Poppins.
Both fonts are linked to google fonts and load in the <head> element.
The body content uses Poppins.
The buttons and anchors use Livvic.
The similarity in font style creates a consistent flow but with a subtle recongnizable difference that distinquishes their functionality.
NOTE: you do not need the typography class to have the fonts work.