Typography

<p class="gov-text--display-l">display L</p>
<p class="gov-text--display-m">display M</p>
<p class="gov-text--display-s">display S</p>
<p class="gov-text--headline-xl">headline XL</p>
<p class="gov-text--headline-l">headline L</p>
<p class="gov-text--headline-m">headline M</p>
<p class="gov-text--headline-s">headline S</p>
<p class="gov-text--headline-xs">headline XS</p>
<p class="gov-text--body-xl">body XL</p>
<p class="gov-text--body-l">body L</p>
<p class="gov-text--body-m">body M</p>
<p class="gov-text--body-s">body S</p>
<p class="gov-text--body-xs">body XS</p>
<p class="gov-text--body-xl-bold">body XL bold</p>
<p class="gov-text--body-l-bold">body L bold</p>
<p class="gov-text--body-m-bold">body M bold</p>
<p class="gov-text--body-s-bold">body S bold</p>
<p class="gov-text--body-xs-bold">body XS bold</p>