diff --git a/res/templates/index.html b/res/templates/index.html
index 412cdc0..6614f38 100644
--- a/res/templates/index.html
+++ b/res/templates/index.html
@@ -1,35 +1,37 @@
 <!DOCTYPE html>
 <html lang="es">
-    <head>
-        {% include "head.html" with path="." only %}
-        <link rel="stylesheet" type="text/css" href="index.css"/>
-    </head>
-    <body>
-        {% include "header.html" with path="." %}
-        <h2>Índice</h2>
-        <ul class="songs">
-            {% for category in sorted_categories %}
-            <a href="#{{ category|slugify }}">
-                <li>{{ category|title }}</li>
-            </a>
-            {% endfor %}
-        </ul>
-        Las canciones sin acordes están marcadas en <span class="noChords">rojo</span>.
-        <ol class="songs">
-        {% for category, songs in sorted_categories.items %}
-            <h3 id="{{ category|slugify }}">{{ category|title }}</h3>
-            {% for song in songs %}
-                <a href="{{ song.url }}">
-                    <li {% if not song.chorded %}class="noChords"{% endif %}>
-                        <span class="number">{{ song.number }}.</span>
-                        {{ song.name }}
-                        {% if song.author %} por {{ song.author }} {% endif %}
-                        {% if song.origin %} basada en {{ song.origin }} {% endif %}
-                    </li>
-                </a>
-            {% endfor %}
-        {% endfor %}
-        </ol>
-        {% include "footer.html" %}
-    </body>
+<head>
+  {% include "head.html" with path="." only %}
+  <link rel="stylesheet" type="text/css" href="index.css"/>
+</head>
+<body>
+{% include "header.html" with path="." %}
+<main>
+  <h2>Índice</h2>
+  <ul class="songs">
+    {% for category in sorted_categories %}
+    <a href="#{{ category|slugify }}">
+      <li>{{ category|title }}</li>
+    </a>
+    {% endfor %}
+  </ul>
+  Las canciones sin acordes están marcadas en <span class="noChords">rojo</span>.
+  <ol class="songs">
+    {% for category, songs in sorted_categories.items %}
+    <h3 id="{{ category|slugify }}">{{ category|title }}</h3>
+    {% for song in songs %}
+    <a href="{{ song.url }}">
+      <li {% if not song.chorded %}class="noChords" {% endif %}>
+        <span class="number">{{ song.number }}.</span>
+        {{ song.name }}
+        {% if song.author %} por {{ song.author }} {% endif %}
+        {% if song.origin %} basada en {{ song.origin }} {% endif %}
+      </li>
+    </a>
+    {% endfor %}
+    {% endfor %}
+  </ol>
+</main>
+{% include "footer.html" %}
+</body>
 </html>
\ No newline at end of file
diff --git a/res/templates/song.html b/res/templates/song.html
index 712bc66..5907f50 100644
--- a/res/templates/song.html
+++ b/res/templates/song.html
@@ -1,112 +1,114 @@
 <!DOCTYPE html>
 <html lang="es">
-    <head>
-        {% include "head.html" with path=".." only %}
-        <link rel="stylesheet" type="text/css" href="../song.css"/>
-        <script async src="../transpose.js"></script>
-        <script async src="../sizes.js"></script>
-    </head>
-    <body>
-        {% include "header.html" with path=".." %}
-        <div class="song">
-            <h2>{{ song.name}}</h2>
-            <a href="../#{{ song.category|slugify }}"><span>Categoría: {{ song.category|title }}</span></a>
-            {% if song.author %}
-            <span>por <strong>{{ song.author }}</strong></span>
-            {% endif %}
-            {% if song.origin %}
-            <span>basada en: <strong>{{ song.origin }}</strong></span>
-            {% endif %}
-            <h3>Ajustes</h3>
-            <div>
-                <label>Cambiar tamaño de letra </label>
-                <button class="small" onclick="size(-1)">-</button>
-                <button class="small" onclick="size(0)">Reset</button>
-                <button class="small" onclick="size(+1)">+</button>
-            </div>
-            {% if song.chorded %}
-            <div>
-                <label>Transponer acordes </label>
-                <button class="small" onclick="transposeAdd(-2)">-2</button>
-                <button class="small" onclick="transposeAdd(-1)">-1</button>
-                <select id="transposeSelect" disabled>
-                    <option>-6</option>
-                    <option>-5</option>
-                    <option>-4</option>
-                    <option>-3</option>
-                    <option>-2</option>
-                    <option>-1</option>
-                    <option selected="selected">0</option>
-                    <option>+1</option>
-                    <option>+2</option>
-                    <option>+3</option>
-                    <option>+4</option>
-                    <option>+5</option>
-                    <option>+6</option>
-                </select>
-                <button class="small" onclick="transposeAdd(1)">+1</button>
-                <button class="small" onclick="transposeAdd(2)">+2</button>
-                <button onclick="transpose(0)">Reset</button>
-            </div>
-            {% endif %}
-            {% if song.capo != 0 %}
-            <div>
-                <span class="capo">Tono original: Cejilla {{ song.capo }}</span>
-                <button style="margin-left: 0.5em;" onclick="transpose({{ song.capo}})">Transponer para quitarla</button>
-            </div>
-            {% endif %}
-            <h3>Canción</h3>
-            <div id="wholeSongDiv">
-            {% for verse in song.verses %}
-                <div class="{{ verse.kind }}">
-                {% for line in verse.lines %}
-                    {% spaceless %}
-                    {% for chord, lyric in line.zipped_arr %}
-                    <table class="chordedline">
-                        <tr class="chord">
-                            <td rowspan="{{ chord.rowspan|default:'1' }}">
-                                {% if chord.class %}
-                                <span class="{{ chord.class }}"></span>
-                                {% endif %}
-                                {% for c in chord.chord.items %}
-                                    {% if c.chord %}
-                                        <span class="c">{{ c.text|safe }}</span>
-                                    {% else %}
-                                        <span>{{ c.text|safe }}</span>
-                                    {% endif %}
-                                {% endfor %}
-                            </td>
-                        </tr>
-                        <tr class="lyric">
-                            <td>
-                            {% if 'rowspan' not in chord %}
-                                <span>{{ lyric|safe }}</span>
-                            {% endif %}
-                            </td>
-                        </tr>
-                    </table>
-                    {% endfor %}
-                    {% if not forloop.last %} <br/> {% endif %}
-                    {% endspaceless %}
-                {% endfor %}
-                </div>
-            {% endfor %}
-            </div>
-            {% for audio in audios %}
-                {% if forloop.first %}
-                <h3>Audios</h3>
-                {% endif %}
-                <div>
-                    Audio del {{ audio.date_text }} <a href="{{ audio.audio_file|urlencode }}"><span>Descargar</span></a>
-                    <audio controls style='width: 100%%;'>
-                        <source src='{{ audio.audio_file|urlencode }}' type='audio/mpeg'/>
-                    </audio>
-                </div>
-            {% endfor %}
-            <a href="https://gitlab.com/parroquia-san-leandro/cancionero-25/blob/master/{{ song.latex_file|urlencode }}"><span>Ver archivo original (LaTeX)</span></a>
-            <a href="../"><span>Índice</span></a>
-            <a href="../#{{ song.category|slugify }}"><span>Categoría: {{ song.category|title }}</span></a>
-        </div>
-        {% include "footer.html" %}
-    </body>
+<head>
+  {% include "head.html" with path=".." only %}
+  <link rel="stylesheet" type="text/css" href="../song.css"/>
+  <script async src="../transpose.js"></script>
+  <script async src="../sizes.js"></script>
+</head>
+<body>
+{% include "header.html" with path=".." %}
+<main>
+  <div class="song">
+    <h2>{{ song.name}}</h2>
+    <a href="../#{{ song.category|slugify }}"><span>Categoría: {{ song.category|title }}</span></a>
+    {% if song.author %}
+    <span>por <strong>{{ song.author }}</strong></span>
+    {% endif %}
+    {% if song.origin %}
+    <span>basada en: <strong>{{ song.origin }}</strong></span>
+    {% endif %}
+    <h3>Ajustes</h3>
+    <div>
+      <label>Cambiar tamaño de letra </label>
+      <button class="small" onclick="size(-1)">-</button>
+      <button class="small" onclick="size(0)">Reset</button>
+      <button class="small" onclick="size(+1)">+</button>
+    </div>
+    {% if song.chorded %}
+    <div>
+      <label>Transponer acordes </label>
+      <button class="small" onclick="transposeAdd(-2)">-2</button>
+      <button class="small" onclick="transposeAdd(-1)">-1</button>
+      <select id="transposeSelect" disabled>
+        <option>-6</option>
+        <option>-5</option>
+        <option>-4</option>
+        <option>-3</option>
+        <option>-2</option>
+        <option>-1</option>
+        <option selected="selected">0</option>
+        <option>+1</option>
+        <option>+2</option>
+        <option>+3</option>
+        <option>+4</option>
+        <option>+5</option>
+        <option>+6</option>
+      </select>
+      <button class="small" onclick="transposeAdd(1)">+1</button>
+      <button class="small" onclick="transposeAdd(2)">+2</button>
+      <button onclick="transpose(0)">Reset</button>
+    </div>
+    {% endif %}
+    {% if song.capo != 0 %}
+    <div>
+      <span class="capo">Tono original: Cejilla {{ song.capo }}</span>
+      <button style="margin-left: 0.5em;" onclick="transpose({{ song.capo}})">Transponer para quitarla</button>
+    </div>
+    {% endif %}
+    <h3>Canción</h3>
+    <div id="wholeSongDiv">
+      {% for verse in song.verses %}
+      <div class="{{ verse.kind }}">
+        {% for line in verse.lines %}
+        {% spaceless %}
+        {% for chord, lyric in line.zipped_arr %}
+        <table class="chordedline">
+          <tr class="chord">
+            <td rowspan="{{ chord.rowspan|default:'1' }}">
+              {% if chord.class %}
+              <span class="{{ chord.class }}"></span>
+              {% endif %}
+              {% for c in chord.chord.items %}
+              {% if c.chord %}
+              <span class="c">{{ c.text|safe }}</span>
+              {% else %}
+              <span>{{ c.text|safe }}</span>
+              {% endif %}
+              {% endfor %}
+            </td>
+          </tr>
+          <tr class="lyric">
+            <td>
+              {% if 'rowspan' not in chord %}
+              <span>{{ lyric|safe }}</span>
+              {% endif %}
+            </td>
+          </tr>
+        </table>
+        {% endfor %}
+        {% if not forloop.last %} <br/> {% endif %}
+        {% endspaceless %}
+        {% endfor %}
+      </div>
+      {% endfor %}
+    </div>
+    {% for audio in audios %}
+    {% if forloop.first %}
+    <h3>Audios</h3>
+    {% endif %}
+    <div>
+      Audio del {{ audio.date_text }} <a href="{{ audio.audio_file|urlencode }}"><span>Descargar</span></a>
+      <audio controls style='width: 100%%;'>
+        <source src='{{ audio.audio_file|urlencode }}' type='audio/mpeg'/>
+      </audio>
+    </div>
+    {% endfor %}
+    <a href="https://gitlab.com/parroquia-san-leandro/cancionero-25/blob/master/{{ song.latex_file|urlencode }}"><span>Ver archivo original (LaTeX)</span></a>
+    <a href="../"><span>Índice</span></a>
+    <a href="../#{{ song.category|slugify }}"><span>Categoría: {{ song.category|title }}</span></a>
+  </div>
+</main>
+{% include "footer.html" %}
+</body>
 </html>
