Create app.css

app.css

@@ -0,0 +1,45 @@
+# Custom CSS to adjust field sizes, button color, and label styling
+app.css = """
+#name_field, #father_name_field {
+    max-width: 200px;
+}
+
+#age_field {
+    max-width: 80px;
+}
+
+#phone_field {
+    max-width: 150px;
+}
+
+#pincode_field {
+    max-width: 100px;
+}
+
+/* Style for the main button */
+button {
+    background-color: #28a745;  /* Green color */
+    color: white;
+    font-weight: bold;
+}
+
+button:hover {
+    background-color: #218838;  /* Darker green on hover */
+}
+
+/* Style for labels to look like buttons */
+label {
+    display: inline-block;
+    padding: 8px 12px;
+    background-color: #007bff; /* Blue color for labels */
+    color: white;
+    font-weight: bold;
+    border-radius: 5px;
+    margin-bottom: 5px;
+    text-align: center;
+}
+
+label:hover {
+    background-color: #0056b3;  /* Darker blue on hover */
+}
+"""