Update static/css/styles.css

static/css/styles.css

@@ -1,19 +1,35 @@
 body {
-    font-family: Arial, sans-serif;
+    font-family: 'Arial', sans-serif;
     background-color: #f7f7f7;
+    color: #333;
     margin: 0;
     padding: 0;
 }
 
+#popup_image {
+    width: 100%;
+    height: auto;
+    border-radius: 10px;
+    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
+}
+
 button {
-    background-color: #008cba;
-    color: white;
-    padding: 10px;
+    background-color: #ff7043;
+    color: #fff;
     border: none;
+    padding: 10px 20px;
     border-radius: 5px;
     cursor: pointer;
+    font-size: 16px;
 }
 
 button:hover {
-    background-color: #005f5f;
-}
+    background-color: #ff5722;
+}
+
+.modal {
+    background: white;
+    padding: 20px;
+    border-radius: 10px;
+    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
+}