Update app.py

app.py

@@ -151,7 +151,6 @@ with gr.Blocks(theme=theme) as demo:
 
 
 
-demo.launch()
 
 custom_css = """
 #centered-container {
@@ -169,9 +168,17 @@ custom_css = """
     font-size: 16px; /* Adjust the font size if needed */
 }
 """
+with gr.Blocks(css=custom_css) as demo:
+    with gr.Container(elem_id="centered-container"):
+        chatbot_interface = gr.Interface(
+            fn=chatbot,
+            inputs=gr.Textbox(elem_classes=["input-textbox"]),  # Apply class to input
+            outputs=gr.Textbox(elem_classes=["output-textbox"]),  # Apply class to output
+            title="Styled Chatbot",
+        )
+        chatbot_interface.render()
 
-
-
+demo.launch()
 
 # Launch the Gradio app to allow user interaction
 demo.launch(share=True)