feat: enhance footer styling and structure

Refined the footer section by adding CSS rules for better spacing, typography, and link hover effects to improve readability and visual appeal. Wrapped footer content in a container for better layout control. These changes aim to provide a more polished and consistent user experience.

templates/index.html

@@ -35,6 +35,21 @@
       footer {
         background-color: #343a40;
         color: white;
+        padding: 40px 0;
+      }
+      footer h2 {
+        font-size: 1.5rem;
+        margin-bottom: 1rem;
+      }
+      footer p {
+        margin-bottom: 0.5rem;
+      }
+      footer a {
+        color: #ffc107;
+      }
+      footer a:hover {
+        color: #ffca2c;
+        text-decoration: none;
       }
     </style>
   </head>
@@ -60,8 +75,9 @@
       </div>
     </main>
 
-    <footer class="text-center py-4">
-      <h2 class="mt-5">Privacy</h2>
+    <footer class="text-center">
+      <div class="container">
+        <h2>Privacy</h2>
         <p>
           GoogleDonts is a privacy-focused service. It does not track you or log
           any data. It creates a fully separate connection to Google Fonts for
@@ -77,6 +93,7 @@
         <p>
           Brought to you by <a href="https://private.coffee">Private.coffee</a>
         </p>
+      </div>
     </footer>
     <script src="https://nobsdelivr.private.coffee/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js"></script>
   </body>