Update app.py

app.py

@@ -37,22 +37,64 @@ def predict_sentiment(text):
 
 
 css_str = """
-    .title { 
-        font-size: 72px; 
-        font-weight: bold; 
-        text-align: center; 
-        margin-top: 20px; 
+    body {
+        background-color: #f0f2f5;
+        font-family: Arial, sans-serif;
     }
 
-    .description { 
-        font-size: 20px; 
-        text-align: center; 
-        argin-bottom: 40px; 
+    .container {
+        max-width: 600px;
+        margin: 40px auto;
+        padding: 20px;
+        background: #ffffff;
+        border-radius: 8px;
+        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
+    }
+
+    h1 {
+        font-size: 36px;
+        font-weight: bold;
+        text-align: center;
+        margin-bottom: 10px;
+    }
+
+    .description {
+        font-size: 18px;
+        text-align: center;
+        margin-bottom: 30px;
+        color: #555555;
+    }
+
+    .gr-textbox textarea {
+        width: 100% !important;
+        padding: 10px;
+        font-size: 16px;
+        border-radius: 5px;
+        border: 1px solid #ccc;
+    }
+
+    .gr-button {
+        background-color: #007BFF;
+        color: #ffffff;
+        padding: 12px 24px;
+        font-size: 16px;
+        border: none;
+        border-radius: 5px;
+        cursor: pointer;
+        width: 100%;
+    }
+    
+    .gr-button:hover {
+        background-color: #0056b3;
+    }
+    .gr-textbox textarea[readonly] {
+        background-color: #f9f9f9;
     }
 """
 
 with gr.Blocks(css=css_str) as demo:
-    gr.Markdown("<div class='title'>Sentiment Analysis</div>")
+    gr.HTML("<div class='container'>")
+    gr.Markdown("<h1>Sentiment Analysis</h1>")
     gr.Markdown(
         "<div class='description'>Enter a sentence and see the predicted sentiment.</div>"
     )
@@ -62,6 +104,7 @@ with gr.Blocks(css=css_str) as demo:
     predict_btn = gr.Button("Predict Sentiment")
     output_box = gr.Textbox(label="Predicted Sentiment")
     predict_btn.click(fn=predict_sentiment, inputs=text_input, outputs=output_box)
+    gr.HTML("</div>")
 
 if __name__ == "__main__":
     demo.launch(share=True)