Update templates/home.html

templates/home.html

@@ -50,13 +50,14 @@
     {% endif %}
 
 
-    <div style="margin-top: 40px; margin-bottom: 40px;">
-        <a href="/all-designers" style="background: black; color: white; padding: 10px 20px; border-radius: 6px; text-decoration: none; font-size: 16px; font-weight: bold; margin-right: 10px;">All Designers</a>
-        <a href="/random-designers" style="background: black; color: white; padding: 10px 20px; border-radius: 6px; text-decoration: none; font-size: 16px; font-weight: bold; margin-right: 10px;">Explore Random Designers</a>
-        <a href="/random-shows" style="background: black; color: white; padding: 10px 20px; border-radius: 6px; text-decoration: none; font-size: 16px; font-weight: bold;">Explore Random Shows</a>
+    <div class="button-row">
+        <a href="/all-designers" class="nav-button">All Designers</a>
+        <a href="/random-designers" class="nav-button">Explore Random Designers</a>
+        <a href="/random-shows" class="nav-button">Explore Random Shows</a>
     </div>
 
 
+
     <div class="grid" style="padding: 0 20px; margin-bottom: 40px;">
         {% for d in designer_cards %}
             <div class="card" onclick="window.location.href='/{{ d.slug }}'" style="cursor:pointer; text-align:center;">