<mat-card appearance="outlined" class="typography-card">
  <mat-card-title>
    <p>Typography Colors</p>
  </mat-card-title>
  <div class="typography-content__colors">
    <h1 class="typography-content__colors_blue">h1. Heading</h1>
    <h2 class="typography-content__colors_green">h2. Heading</h2>
    <h3 class="typography-content__colors_pink">h3. Heading</h3>
    <h4 class="typography-content__colors_yellow">h4. Heading</h4>
    <h5 class="typography-content__colors_light-blue">h5. Heading</h5>
    <h6 class="typography-content__colors_violet">h6. Heading</h6>
  </div>
</mat-card>
