Update app.py

app.py

@@ -98,17 +98,6 @@ def predict(message, history):
     return response_with_logo
 # Custom CSS for styling
 css = '''
-  .gradio-container {
-    display: flex;
-    flex-direction: column;
-    width: 100%;
-    max-width: 450px;
-    margin: 0 auto;
-    padding: 20px;
-    background-color: #fff;
-    height: 100%;
-    max-height: 600px;
-  }
   .gradio-logo {
     text-align: center;
     margin-bottom: 20px;
@@ -132,60 +121,11 @@ css = '''
     align-items: center;
     margin-bottom: 10px;
   }
-  .response-text {
-    display: inline-block;
-    vertical-align: middle;
-    font-size: 16px;
-    background-color: #fff;
-    padding: 10px;
-    max-width: 80%;
-    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
-  }
-  .gradio-chat-history {
-    flex: 1;
-    overflow-y: auto;
-    padding: 15px;
-    background-color: #f9f9f9;
-    margin-bottom: 10px;
-    max-height: 500px;
-  }
-  .gradio-message {
-    margin-bottom: 15px;
-    display: flex;
-    flex-direction: column;
-  }
-  .gradio-message.user .gradio-message-content {
-    background-color: #E1FFC7;
-    align-self: flex-end;
-    padding: 10px;
-    font-size: 16px;
-    margin-bottom: 5px;
-    max-width: 80%;
-  }
-  .gradio-message.bot .gradio-message-content {
-    background-color: #fff;
-    align-self: flex-start;
-    padding: 10px;
-    font-size: 16px;
-    margin-bottom: 5px;
-    max-width: 80%;
-  }
-  .gradio-footer {
-    display: flex;
-    padding: 10px;
-    border-top: 1px solid #ddd;
-    background-color: #F8D7DA;
-    position: absolute;
-    bottom: 0;
-    width: calc(100% - 40px);
-  }
   footer {
     display: none !important;
     background-color: #F8D7DA;
   }
-  .gradio-chat-history .gradio-message.bot .gradio-message-content::before {
-    content: none;
-  }
+
 '''
 """