updated header style

app.py

@@ -2,7 +2,6 @@ import pandas as pd
 import gradio as gr
 from datetime import datetime
 from inference import RecommendationEngine
-import spaces
 
 
 class QueryInputForm:
@@ -26,7 +25,6 @@ class QueryInputForm:
         # Initialize the recommender engine
         self.recommender_engine = RecommendationEngine()
    
-    @spaces.GPU
     def get_recommendations(self, channel, device_type, query_text):
         # Pass the query information to the recommender engine
         raw_query = {
@@ -54,7 +52,9 @@ def recommendation_interface(channel, device_type, query_text):
 
 
 with gr.Blocks() as interface:
-    gr.Markdown("<h1 class='title'>E-Commerce Recommendation Engine Demo</h1>")
+    gr.Markdown(
+        "<h1 style='color:#E76E00; text-align: center; font-weight: bold; font-size: 40px; margin: 60px; margin-bottom: 30px !important;'>E-Commerce Recommendation Engine Demo</h1>"
+    )
     
     with gr.Row():  # Use Row to place components side by side
         with gr.Column():
@@ -86,17 +86,9 @@ with gr.Blocks() as interface:
 
 # Add custom CSS for styling
 interface.css = """
-.title {
-    color: #E76E00;
-    text-align: center;
-    margin: 40px;
-    margin-bottom: 30px !important;
-    font-size: 36px;
-    font-weight: bold;
-}
 #submit-button {
     background-color: #E76E00;
-    color: white;
+    color: black;
     border: none;
     padding: 10px 20px;
     font-size: 16px;
@@ -106,11 +98,6 @@ interface.css = """
 #submit-button:hover {
     background-color: #FF8C00;
 }
-#recommendation-table .gradio-header {
-    background-color: #FF8C00; /* Orange header */
-    color: white; /* White text */
-    font-weight: bold; /* Optional: Bold text */
-}
 """
 
 if __name__ == "__main__":