Update index.html

xolosArmy · Dec 6, 2024 · 6131acd · 6131acd
1 parent acbbb52
commit 6131acd
Showing 1 changed file with 23 additions and 4 deletions.
diff --git a/index.html b/index.html
@@ -139,12 +139,31 @@ <h2>Xoloitzcuintli Body Cream</h2>
 
         <!-- Dedicated Section for Xoloitzcuintli RMZ Gospel -->
         <section id="xoloitzcuintli-gospel">
-            <div class="container">
-        <h2>Eternal Guardians: The Xoloitzcuintli RMZ Gospel</h2>
-        <p>Explore "Eternal Guardians: The Xoloitzcuintli RMZ Gospel," a unique manifesto celebrating the mystical legacy of the Xoloitzcuintli.</p>
-        <a href="RMZGospel.pdf" target="_blank" class="button-link" style="background-color:#ff5733; color:white; padding:10px 20px; text-decoration:none; border-radius:5px;">Read the RMZ Gospel PDF</a>
+    <div class="container" style="text-align: center; padding: 50px 20px;">
+        <h2 style="font-family: 'Cinzel', serif; color: #333; margin-bottom: 20px;">Eternal Guardians: The Xoloitzcuintli RMZ Gospel</h2>
+        <p style="font-family: 'Lora', serif; font-size: 18px; color: #555; margin-bottom: 30px;">
+            Explore "Eternal Guardians: The Xoloitzcuintli RMZ Gospel," a unique manifesto celebrating the mystical legacy of the Xoloitzcuintli.
+        </p>
+        <a href="RMZGospel.pdf" target="_blank" class="button-link"
+           style="
+               display: inline-block;
+               background: linear-gradient(45deg, #ff5733, #ff9966);
+               color: white;
+               font-family: 'Montserrat', sans-serif;
+               font-size: 16px;
+               padding: 15px 30px;
+               text-decoration: none;
+               border-radius: 50px;
+               box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
+               transition: transform 0.3s, box-shadow 0.3s;
+           "
+           onmouseover="this.style.transform='scale(1.05)'; this.style.boxShadow='0px 6px 8px rgba(0,0,0,0.2)';"
+           onmouseout="this.style.transform='scale(1)'; this.style.boxShadow='0px 4px 6px rgba(0,0,0,0.1)';">
+           Read the RMZ Gospel PDF
+        </a>
     </div>
 </section>
+
 
 
          <!-- Dedicated Section for Xolos Disponibles -->