Update app.py

app.py

@@ -331,120 +331,15 @@ def respond(
     else:
         yield response
 
-# Custom CSS for a sleeker, more modern chat interface
 custom_css = """
-/* Import Inter font */
-@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&display=swap');
+@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;600&display=swap');
 
-/* Background Gradient Animation */
-@keyframes gradient-animation {
-    0% { background-position: 0% 50%; }
-    50% { background-position: 100% 50%; }
-    100% { background-position: 0% 50%; }
-}
-
-.gradio-container {
+/* Apply Inter font to the entire interface */
+body, .gradio-container {
     font-family: 'Inter', sans-serif;
-    background: linear-gradient(120deg, #6a11cb, #2575fc);
-    background-size: 200% 200%;
-    animation: gradient-animation 12s ease infinite;
-    color: #333;
-    padding: 16px;
-    border-radius: 10px;
-    max-width: 90%;
-    margin: 0 auto;
-    overflow: hidden;
-}
-
-/* Adaptive Padding for All Screens */
-@media (max-width: 768px) {
-    .gradio-container {
-        padding: 10px;
-        max-width: 95%;
-    }
-}
-
-/* Chat Bubble Styling */
-.user, .assistant {
-    padding: 12px 16px;
-    border-radius: 8px;
-    margin: 8px 0;
-    max-width: 75%;
-    line-height: 1.5;
-    font-size: 15px;
-}
-
-/* User Bubble - Sleek Dark Blue */
-.user {
-    background-color: #1e40af;
-    color: #ffffff;
-    margin-left: auto;
-    position: relative;
-    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
 }
 
-/* Assistant Bubble - Light Gray */
-.assistant {
-    background-color: #f3f4f6;
-    color: #333;
-    margin-right: auto;
-    position: relative;
-    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
-}
-
-/* Message Input Area */
-textarea {
-    border-radius: 6px;
-    padding: 10px;
-    border: 1px solid #ddd;
-    font-size: 14px;
-    resize: none;
-    outline: none;
-    width: 100%;
-}
-textarea:focus {
-    border-color: #4a6fb3;
-}
-
-/* Sliders and Labels */
-input[type="range"], .gradio-container label {
-    display: block;
-    width: 100%;
-    font-size: 14px;
-    color: #555;
-}
-
-/* Sliders Styling */
-input[type="range"] {
-    -webkit-appearance: none;
-    width: 100%;
-    height: 6px;
-    background-color: #ddd;
-    outline: none;
-    border-radius: 5px;
-    transition: background 0.3s ease-in-out;
-}
-
-input[type="range"]:hover {
-    background-color: #bbb;
-}
-
-/* Send Button Styling */
-button {
-    font-size: 15px;
-    color: white;
-    background-color: #4f46e5;
-    border: none;
-    padding: 10px 16px;
-    border-radius: 6px;
-    cursor: pointer;
-    transition: background 0.3s ease;
-    width: 100%;
-}
-
-button:hover {
-    background-color: #4338ca;
-}
+/* Additional styling (add any other required custom CSS here) */
 """
 
 # Gradio chat interface with the updated CSS