<div class="species-container">
  <div class="title">{{ species.title }}</div>
  <!-- <div class="description" markdown="species.description">hi</div> -->

  <markdown [data]="species.description"></markdown>

  <div class="abilities">
    @for(ability of species.abilities; track ability){
    <div class="ability">
      <div class="ability-name">{{ ability.name }}</div>
      <div class="ability-level">{{ ability.level }}</div>
      <markdown
        class="ability-description"
        [data]="ability.description"
      ></markdown>
    </div>
    }
  </div>
</div>
