Update static/styles.css

static/styles.css

@@ -1,17 +1,33 @@
+/* styles.css */
+
 body {
     font-family: Arial, sans-serif;
-    background-color: #f4f4f9;
+    background-color: #f8f9fa;
+    color: #333;
+}
+
+h1, h2 {
+    text-align: center;
+    color: #444;
 }
 
 button {
-    padding: 10px 20px;
-    border-radius: 5px;
-    background-color: #0078ff;
-    color: #fff;
+    background-color: #007bff;
+    color: white;
     border: none;
+    padding: 10px 20px;
     cursor: pointer;
+    border-radius: 5px;
 }
 
 button:hover {
     background-color: #0056b3;
 }
+
+.suggestions {
+    background-color: #fff;
+    border: 1px solid #ddd;
+    padding: 10px;
+    margin: 10px 0;
+    border-radius: 5px;
+}