<h1>Typography</h1>
<blockquote>
<p>CSS file name: <strong><code>styles/global.scss</code></strong></p>
</blockquote>
<h2>Header One</h2>
<blockquote>
<p>font-family: 'Montserrat'; <br>
font-style: normal; <br>
font-weight: bold; <br>
font-size: 3rem;</p>
</blockquote>
<pre><code class="language-html">&#x3C;h1>The quick brown fox jumps over the lazy dog.&#x3C;/h1>
</code></pre>
<h1>The quick brown fox jumps over the lazy dog.</h1>
<h2>Header Two</h2>
<blockquote>
<p>font-family: 'Lato'; <br>
font-style: normal; <br>
font-weight: bold; <br>
font-size: 1.5rem;</p>
</blockquote>
<pre><code class="language-html">&#x3C;h2>The quick brown fox jumps over the lazy dog.&#x3C;/h2>
</code></pre>
<h2>The quick brown fox jumps over the lazy dog.</h2>
<h2>Normal text</h2>
<blockquote>
<p>font-family: 'Source Sans Pro'; <br>
font-style: normal; <br>
font-weight: 400; <br>
font-size: 1rem;</p>
</blockquote>
<pre><code class="language-html">&#x3C;p>The quick brown fox jumps over the lazy dog.&#x3C;/p>
</code></pre>
<p>The quick brown fox jumps over the lazy dog.</p>
<h2>Normal text bold</h2>
<blockquote>
<p>font-family: 'Source Sans Pro'; <br>
font-style: normal; <br>
font-weight: bold; <br>
font-size: 1rem;</p>
</blockquote>
<pre><code class="language-html">&#x3C;p class="bold">The quick brown fox jumps over the lazy dog.&#x3C;/p>
</code></pre>
<p class="bold">The quick brown fox jumps over the lazy dog.</p>
<h2>Link</h2>
<pre><code class="language-html">&#x3C;a class="underline">The quick brown fox jumps over the lazy dog.&#x3C;/a>
</code></pre>
<p><a class="underline">The quick brown fox jumps over the lazy dog.</a></p>
