Update app.py

app.py

@@ -3,15 +3,15 @@ import random
 import gradio as gr
 import base64
 
-# Load JSON data
+# Load JSON
 with open("gita_techies_18_chapters.json", "r", encoding="utf-8") as f:
     gita_for_techies = json.load(f)
 
-# Load and encode bg image
+# Encode background image
 with open("bg.png", "rb") as img_file:
     b64_bg_img = base64.b64encode(img_file.read()).decode()
 
-# Function to fetch one entry
+# Function to get a Gita tech entry
 def get_gita_tech():
     entry = random.choice(gita_for_techies)
     return f"""
@@ -45,28 +45,32 @@ def get_gita_tech():
         max-width: 800px;
         margin: 0 auto 30px auto;
         box-shadow: 0 0 20px #ab71f7;
-        color: #ffffff;
+        color: #ffffff !important;
         font-family: 'Segoe UI', sans-serif;
         animation: fadeIn 1.5s ease forwards;
-        text-shadow: 1px 1px 4px rgba(0, 0, 0, 0.6);
+        text-shadow: 1px 1px 6px rgba(0, 0, 0, 1);
+        word-wrap: break-word;
+        overflow-wrap: break-word;
       }}
       pre {{
-        background: #111827;
+        background: #0e0e23;
         color: #e0f2fe;
         padding: 12px;
         border-radius: 10px;
         font-size: 0.95rem;
         overflow-x: auto;
-        box-shadow: 0 0 10px rgba(255,255,255,0.08);
+        box-shadow: 0 0 10px rgba(255,255,255,0.1);
+        text-shadow: none;
       }}
       @keyframes fadeIn {{
-        from {{ opacity: 0; transform: translateY(20px); }}
-        to {{ opacity: 1; transform: translateY(0); }}
+        from {{opacity: 0; transform: translateY(20px);}}
+        to {{opacity: 1; transform: translateY(0);}}
       }}
       @media screen and (max-width: 600px) {{
         .content {{
-          padding: 16px;
-          font-size: 0.95rem;
+          padding: 14px;
+          font-size: 0.94rem;
+          line-height: 1.6;
         }}
         h2 {{
           font-size: 1.5rem;
@@ -74,11 +78,14 @@ def get_gita_tech():
         pre {{
           font-size: 0.85rem;
         }}
+        body {{
+          padding: 10px;
+        }}
       }}
     </style>
     """
 
-# CSS with responsive background
+# CSS with fixed background
 css = f"""
 body {{
     margin: 0;
@@ -125,7 +132,7 @@ button:hover {{
 }}
 """
 
-# Gradio app
+# Gradio interface
 with gr.Blocks(css=css) as app:
     gr.Markdown("<h1>💻 Bhagavad Gita for Techies 💻</h1>")
     output = gr.HTML()