Update app.py

app.py

@@ -181,8 +181,10 @@ def plot_candlestick_chart(data, ticker):
 # Get the current date
 current_date = datetime.now().strftime("%Y-%m-%d")
 
-# Custom CSS for button and input hover effects
+# Custom CSS for button and input hover effects, and to style the header
 custom_css = """
+@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@700&display=swap');
+
 .center-text {
     text-align: center;
 }
@@ -190,11 +192,24 @@ custom_css = """
 #generate-button:hover, #ticker-input input:hover, #start-date-input input:hover, #end-date-input input:hover {
     background-color: #FFB3BA !important;  /* Pastel red */
 }
+
+#header {
+    font-family: 'Montserrat', sans-serif;
+    font-weight: 700;
+    font-size: 2.8em;
+    margin-bottom: 20px;
+    color: #2C3E50;  /* Dark blue-gray color */
+    text-transform: uppercase;
+    letter-spacing: 2px;
+    text-shadow: 2px 2px 4px rgba(0,0,0,0.1);
+}
 """
 
 # Create Gradio interface with custom Seafoam theme
 with gr.Blocks(theme=seafoam, title="Log Stock Charts", css=custom_css) as iface:
-    gr.Markdown("# Log Stock Charts", elem_classes=["center-text"])
+    # Use a centered, bold text header with custom font
+    gr.Markdown("# Log Stock Charts", elem_id="header", elem_classes=["center-text"])
+    
     gr.Markdown("Enter a stock ticker and date range to generate a chart.", elem_classes=["center-text"])
     
     with gr.Row():