From e180cc8a640f6a4ed75b01d06f82f2bc3b11fcbb Mon Sep 17 00:00:00 2001
From: Iliescu Constantin <ictinpr@yahoo.com>
Date: Thu, 10 Jul 2025 15:55:01 +0200
Subject: [PATCH] Style nav buttons and add gradient backgrounds

---
 contact.html |  2 +-
 index.html   | 22 +++++++++++++++++++---
 privacy.html |  2 +-
 terms.html   |  2 +-
 4 files changed, 22 insertions(+), 6 deletions(-)

diff --git a/contact.html b/contact.html
index 83e1dce..e099e8f 100644
--- a/contact.html
+++ b/contact.html
@@ -6,7 +6,7 @@
   <title>Contact | The Memory Mate</title>
   <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&display=swap" rel="stylesheet">
   <style>
-    body { margin:0;font-family:'Inter','Roboto',sans-serif;background:#fff;color:#1a2a1a;line-height:1.6; }
+    body { margin:0;font-family:'Inter','Roboto',sans-serif;background:linear-gradient(180deg,#f8fff9 0%,#e9faee 100%);color:#1a2a1a;line-height:1.6; }
     .container { max-width:900px;margin:0 auto;padding:2rem; }
     form { display:flex;flex-direction:column;gap:0.75rem;max-width:500px; }
     label { font-weight:500; }
diff --git a/index.html b/index.html
index fcff8f6..a45d594 100644
--- a/index.html
+++ b/index.html
@@ -22,7 +22,7 @@
       margin: 0;
       font-family: 'Inter', 'Roboto', 'Open Sans', sans-serif;
       color: #1a2a1a;
-      background: #fff;
+      background: linear-gradient(180deg,#f8fff9 0%,#e9faee 100%);
       line-height: 1.6;
       scroll-behavior: smooth;
     }
@@ -38,8 +38,24 @@
       align-items: center;
       gap: 1rem;
     }
-    .menu { display: flex; gap: 2rem; }
-    .menu a { padding: 0.25rem 0; }
+    .menu {
+      list-style: none;
+      margin: 0;
+      padding: 0;
+      display: flex;
+      gap: 2rem;
+    }
+    .menu a {
+      display: inline-block;
+      padding: 0.45rem 0.8rem;
+      border-radius: 0.5rem;
+      font-weight: 500;
+      color: #4CAF50;
+    }
+    .menu a:not(.btn-primary):hover,
+    .menu a:not(.btn-primary):focus-visible {
+      background: #e9faee;
+    }
     .btn-primary {
       background: #4CAF50;
       color: #fff;
diff --git a/privacy.html b/privacy.html
index 6a23cd5..bb2922c 100644
--- a/privacy.html
+++ b/privacy.html
@@ -6,7 +6,7 @@
   <title>Privacy Policy | The Memory Mate</title>
   <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&display=swap" rel="stylesheet">
   <style>
-    body { margin:0;font-family:'Inter','Roboto',sans-serif;background:#fff;color:#1a2a1a;line-height:1.6; }
+    body { margin:0;font-family:'Inter','Roboto',sans-serif;background:linear-gradient(180deg,#f8fff9 0%,#e9faee 100%);color:#1a2a1a;line-height:1.6; }
     .container { max-width:900px;margin:0 auto;padding:2rem; }
     header,footer { text-align:center;padding:1rem 0; }
     footer { background:#e9faee;border-top:1px solid #e6f4ea; }
diff --git a/terms.html b/terms.html
index ec96739..3e90e48 100644
--- a/terms.html
+++ b/terms.html
@@ -6,7 +6,7 @@
   <title>Terms | The Memory Mate</title>
   <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&display=swap" rel="stylesheet">
   <style>
-    body { margin:0;font-family:'Inter','Roboto',sans-serif;background:#fff;color:#1a2a1a;line-height:1.6; }
+    body { margin:0;font-family:'Inter','Roboto',sans-serif;background:linear-gradient(180deg,#f8fff9 0%,#e9faee 100%);color:#1a2a1a;line-height:1.6; }
     .container { max-width:900px;margin:0 auto;padding:2rem; }
     header,footer { text-align:center;padding:1rem 0; }
     footer { background:#e9faee;border-top:1px solid #e6f4ea; }