{% include "fragments/menu.html" %}
<div class="flex justify-center">
  <div class="m-12 grow max-w-4xl text-center">
    {% include "fragments/tema/title.html" %}
    <div class="text-left">

      {% include "fragments/tema/lyrics.html" %}
      {% include "fragments/tema/links.html" %}

      <!-- PROPERTIES -->
      {% if tema.properties %}
      <h4 class="text-xl mt-3 text-beige">Informació</h4>
      <hr class="h-px mt-1 mb-3 bg-beige border-0">
      {% for property in tema.properties %}
        <p>
          <i>{{ property.field.value.capitalize() }}</i>: {{ property.value }}
        </p>
      {% endfor %}
      {% endif %}
    </div>
  </div>
</div>