diff --git a/templates/index.html b/templates/index.html
index 0f83b25..08e6b22 100644
--- a/templates/index.html
+++ b/templates/index.html
@@ -15,118 +15,125 @@
   <main>
     <h2>Seleciona uma Operação</h2>
     <ul>
-      <a href="/sum-sub">
         <li>
-          <div class="card-icon">
-            <img width="50" height="50" src="https://img.icons8.com/?size=100&id=pY1CjHvHcJ9i&format=png&color=6b7280" alt="sum&sub"/>
-          </div> 
+            <a href="/sum-sub">
+                <div class="card-icon">
+                    <img width="50" height="50" src="https://img.icons8.com/?size=100&id=pY1CjHvHcJ9i&format=png&color=6b7280" alt="sum&sub"/>
+                </div> 
           
-          <div class="button-go">
-            <p class="card-tittle">Soma & Subtração</p>
+                <div class="button-go">
+                    <p class="card-tittle">Soma & Subtração</p>
            
-          </div>
+                </div>
 
-          <p class="card-description">Somar ou subtrair Matrizes</p>
+                <p class="card-description">Somar ou subtrair Matrizes</p>
+            </a>
         </li>
-      </a>
-      <a href="/multiply">
+
         <li>
-          <div class="card-icon">
-            <img width="50" height="50" src="https://img.icons8.com/?size=100&id=6483&format=png&color=6b7280" alt="multiply"/>
-          </div> 
+            <a href="/multiply">
+                <div class="card-icon">
+                    <img width="50" height="50" src="https://img.icons8.com/?size=100&id=6483&format=png&color=6b7280" alt="multiply"/>
+                </div> 
 
-          <div class="button-go">
-            <p class="card-tittle">Multiplicação</p>
+                <div class="button-go">
+                    <p class="card-tittle">Multiplicação</p>
            
-          </div>
+                </div>
 
-          <p class="card-description">Multiplicar duas Matrizes</p>
+                <p class="card-description">Multiplicar duas Matrizes</p>
+            </a>
         </li>
-      </a>
-      <a href="/transpose">
+
         <li>
-          <div class="card-icon">
-            <img width="50" height="50" src="data:image/svg+xml;utf8,%3Csvg%20id%3D%22Transpose--Streamline-Carbon%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2050%2050%22%20height%3D%2250%22%20width%3D%2250%22%3E%0A%20%20%3Cdesc%3E%0A%20%20%20%20Transpose%20Streamline%20Icon%3A%20https%3A%2F%2Fstreamlinehq.com%0A%20%20%3C%2Fdesc%3E%0A%20%20%3Cdefs%3E%3C%2Fdefs%3E%0A%20%20%3Cpath%20d%3D%22M29.6875%2040.625h-7.8125v-3.125h7.8125a7.821093749999999%207.821093749999999%200%200%200%207.8125%20-7.8125v-7.8125h3.125v7.8125a10.9496875%2010.9496875%200%200%201%20-10.9375%2010.9375Z%22%20fill%3D%22%236b7280%22%20stroke-width%3D%221.5625%22%3E%3C%2Fpath%3E%0A%20%20%3Cpath%20d%3D%22M12.5%2046.875H6.25a3.12859375%203.12859375%200%200%201%20-3.125%20-3.125V21.875a3.12859375%203.12859375%200%200%201%203.125%20-3.125h6.25a3.12859375%203.12859375%200%200%201%203.125%203.125v21.875a3.12859375%203.12859375%200%200%201%20-3.125%203.125ZM6.25%2021.875v21.875h6.25V21.875Z%22%20fill%3D%22%236b7280%22%20stroke-width%3D%221.5625%22%3E%3C%2Fpath%3E%0A%20%20%3Cpath%20d%3D%22M43.75%2015.625H21.875a3.12859375%203.12859375%200%200%201%20-3.125%20-3.125V6.25a3.12859375%203.12859375%200%200%201%203.125%20-3.125h21.875a3.12859375%203.12859375%200%200%201%203.125%203.125v6.25a3.12859375%203.12859375%200%200%201%20-3.125%203.125ZM21.875%206.25v6.25h21.875V6.25Z%22%20fill%3D%22%236b7280%22%20stroke-width%3D%221.5625%22%3E%3C%2Fpath%3E%0A%20%20%3Cpath%20id%3D%22_Transparent_Rectangle_%22%20d%3D%22M0%200h50v50H0Z%22%20fill%3D%22none%22%20stroke-width%3D%221.5625%22%3E%3C%2Fpath%3E%0A%3C%2Fsvg%3E" alt="logo-invert"/>
-          </div> 
+            <a href="/transpose">
+                <div class="card-icon">
+                    <img width="50" height="50" src="data:image/svg+xml;utf8,%3Csvg%20id%3D%22Transpose--Streamline-Carbon%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2050%2050%22%20height%3D%2250%22%20width%3D%2250%22%3E%0A%20%20%3Cdesc%3E%0A%20%20%20%20Transpose%20Streamline%20Icon%3A%20https%3A%2F%2Fstreamlinehq.com%0A%20%20%3C%2Fdesc%3E%0A%20%20%3Cdefs%3E%3C%2Fdefs%3E%0A%20%20%3Cpath%20d%3D%22M29.6875%2040.625h-7.8125v-3.125h7.8125a7.821093749999999%207.821093749999999%200%200%200%207.8125%20-7.8125v-7.8125h3.125v7.8125a10.9496875%2010.9496875%200%200%201%20-10.9375%2010.9375Z%22%20fill%3D%22%236b7280%22%20stroke-width%3D%221.5625%22%3E%3C%2Fpath%3E%0A%20%20%3Cpath%20d%3D%22M12.5%2046.875H6.25a3.12859375%203.12859375%200%200%201%20-3.125%20-3.125V21.875a3.12859375%203.12859375%200%200%201%203.125%20-3.125h6.25a3.12859375%203.12859375%200%200%201%203.125%203.125v21.875a3.12859375%203.12859375%200%200%201%20-3.125%203.125ZM6.25%2021.875v21.875h6.25V21.875Z%22%20fill%3D%22%236b7280%22%20stroke-width%3D%221.5625%22%3E%3C%2Fpath%3E%0A%20%20%3Cpath%20d%3D%22M43.75%2015.625H21.875a3.12859375%203.12859375%200%200%201%20-3.125%20-3.125V6.25a3.12859375%203.12859375%200%200%201%203.125%20-3.125h21.875a3.12859375%203.12859375%200%200%201%203.125%203.125v6.25a3.12859375%203.12859375%200%200%201%20-3.125%203.125ZM21.875%206.25v6.25h21.875V6.25Z%22%20fill%3D%22%236b7280%22%20stroke-width%3D%221.5625%22%3E%3C%2Fpath%3E%0A%20%20%3Cpath%20id%3D%22_Transparent_Rectangle_%22%20d%3D%22M0%200h50v50H0Z%22%20fill%3D%22none%22%20stroke-width%3D%221.5625%22%3E%3C%2Fpath%3E%0A%3C%2Fsvg%3E" alt="logo-invert"/>
+                </div> 
 
-          <div class="button-go">
-            <p class="card-tittle">Transposta</p>
+                <div class="button-go">
+                    <p class="card-tittle">Transposta</p>
            
-          </div>
+                </div>
 
-          <p class="card-description">Inverter linhas e colunas</p>
+                <p class="card-description">Inverter linhas e colunas</p>
+            </a>
         </li>
-      </a>
-      <a href="/scalar">
+      
         <li>
-          <div class="card-icon">
-            <img width="50" height="50" src="https://img.icons8.com/?size=100&id=3859&format=png&color=6b7280" alt="logo-invert"/>
-          </div> 
+            <a href="/scalar">
+                <div class="card-icon">
+                    <img width="50" height="50" src="https://img.icons8.com/?size=100&id=3859&format=png&color=6b7280" alt="logo-invert"/>
+                </div> 
 
-          <div class="button-go">
-            <p class="card-tittle">Escalar</p>
+                <div class="button-go">
+                    <p class="card-tittle">Escalar</p>
            
-          </div>
+                </div>
 
-          <p class="card-description">Multiplicar por um valor</p>
+                <p class="card-description">Multiplicar por um valor</p>
+            </a>
         </li>
-      </a>
-      <a href="/determinant">
+      
         <li>
-          <div class="card-icon">
-            <img width="50" height="50" src="https://img.icons8.com/?size=100&id=vzxOBDhFVxNW&format=png&color=6b7280" alt="logo-invert"/>
-          </div> 
+            <a href="/determinant">
+                <div class="card-icon">
+                    <img width="50" height="50" src="https://img.icons8.com/?size=100&id=vzxOBDhFVxNW&format=png&color=6b7280" alt="logo-invert"/>
+                </div> 
 
-          <div class="button-go">
-            <p class="card-tittle">Determinante</p>
+                <div class="button-go">
+                    <p class="card-tittle">Determinante</p>
            
-          </div>
+                </div>
 
-          <p class="card-description">Calcular o determinante</p>
+                <p class="card-description">Calcular o determinante</p>
+            </a>
         </li>
-      </a>
-      <a href="/inverse">
-        <li>  
-          <div class="card-icon">
-            <img width="50" height="50" src="https://img.icons8.com/?size=100&id=8168&format=png&color=6b7280" alt="logo-invert"/>
-          </div> 
-
-          <div class="button-go">
-            <p class="card-tittle">Inversa</p>
+
+        <li> 
+            <a href="/inverse">
+                <div class="card-icon">
+                    <img width="50" height="50" src="https://img.icons8.com/?size=100&id=8168&format=png&color=6b7280" alt="logo-invert"/>
+                </div> 
+
+                <div class="button-go">
+                    <p class="card-tittle">Inversa</p>
            
-          </div>
+                </div>
 
-          <p class="card-description">Encontrar a matriz inversa</p>
+                <p class="card-description">Encontrar a matriz inversa</p>
+            </a>
         </li>
-      </a>
-      <a href="/encrypt">
+      
         <li>
-          <div class="card-icon">
-            <img width="50" height="50" src="https://img.icons8.com/?size=100&id=82747&format=png&color=6b7280" alt="logo-invert"/>
-          </div> 
+            <a href="/encrypt">
+                <div class="card-icon">
+                    <img width="50" height="50" src="https://img.icons8.com/?size=100&id=82747&format=png&color=6b7280" alt="logo-invert"/>
+                </div> 
 
-          <div class="button-go">
-            <p class="card-tittle">Encriptação</p>
+                <div class="button-go">
+                    <p class="card-tittle">Encriptação</p>
            
-          </div>
+                </div>
 
-          <p class="card-description">Encriptar mensagens</p>
+                <p class="card-description">Encriptar mensagens</p>
+            </a>
         </li>
-      </a>
-      <a href="/decrypt">
+
         <li>
-          <div class="card-icon">
-            <img width="50" height="50" src="https://img.icons8.com/?size=100&id=bTp3qsgxQ1zU&format=png&color=6b7280" alt="logo-invert"/>
-          </div> 
+            <a href="/decrypt">
+                <div class="card-icon">
+                    <img width="50" height="50" src="https://img.icons8.com/?size=100&id=bTp3qsgxQ1zU&format=png&color=6b7280" alt="logo-invert"/>
+                </div> 
 
-          <div class="button-go">
-            <p class="card-tittle">Desencriptação</p>
+                <div class="button-go">
+                    <p class="card-tittle">Desencriptação</p>
            
-          </div>
+                </div>
 
-          <p class="card-description">Desencriptar mensagens</p>
+                <p class="card-description">Desencriptar mensagens</p>
+            </a>
         </li>
-      </a>
     </ul>
   </main>
 </body>