Update app.py

app.py

@@ -50,6 +50,25 @@ def generate_plant_info(plant_name, language):
     return output[0]["generated_text"]
 
 # Create Gradio interface with enhancements
+custom_css = """
+body {
+    font-family: Arial, sans-serif;
+    background-color: #f9f9f9;
+}
+.gri-container {
+    border-radius: 10px;
+    background-color: #fff;
+    box-shadow: 0 4px 20px rgba(0,0,0,0.1);
+}
+.gri-button {
+    background-color: #4CAF50;
+    color: white;
+}
+.gri-button:hover {
+    background-color: #45a049;
+}
+"""
+
 demo = gr.Interface(
     fn=generate_plant_info,
     inputs=[
@@ -70,28 +89,8 @@ demo = gr.Interface(
         ["الصبار", "Arabic"]
     ],
     theme="default",
+    css=custom_css,  # Add custom CSS here
 )
 
-# Custom CSS for styling
-custom_css = """
-<style>
-    body {
-        font-family: Arial, sans-serif;
-        background-color: #f9f9f9;
-    }
-    .gri-container {
-        border-radius: 10px;
-        background-color: #fff;
-        box-shadow: 0 4px 20px rgba(0,0,0,0.1);
-    }
-    .gri-button {
-        background-color: #4CAF50;
-        color: white;
-    }
-    .gri-button:hover {
-        background-color: #45a049;
-    }
-</style>
-"""
+demo.launch(share=True)  # Launch the interface without css parameter
 
-demo.launch(share=True, css=custom_css)  # Launch the interface with custom CSS