<section class="grid gap-fluid-md max-w-app mx-4 mt-auto">
  <mat-card class="p-fluid-md text-center">
    <h1 class="m-0 mb-2 text-[clamp(3rem,12vw,6rem)] font-bold opacity-80">404</h1>
    <h2 class="m-0 mb-4 text-[clamp(1rem,3vw,1.2rem)] font-semibold">{{ 'NOT_FOUND.TITLE' | translate }}</h2>
    <p class="opacity-80 mb-6">{{ 'NOT_FOUND.MESSAGE' | translate }}</p>
    <a mat-flat-button color="primary" [routerLink]="RouterConstants.ABOUT.LINK">
      {{ 'NOT_FOUND.BACK_HOME' | translate }}
    </a>
  </mat-card>
</section>
