Styling

app.py

@@ -476,12 +476,12 @@ r
 disp_url = "https://i.ibb.co/TP4ddc6/sherlock.png"
 det_url = "https://i.ibb.co/Ms1jcDv/104cc37752fa.png"
 with gr.Blocks(css=".gradio-container {background-color: #F0FFFF}") as demo:
-  gr.Markdown("""<h1 style="color:black;text-align: center">Sherlock's Phoeniks</h1>""")
-  gr.Markdown("<h2>Facial Recognition using Generative AI - ChatGPT+StableDiffusion+Dall-E,utilizing Computer Vision and Google Search API</h2>")
+  gr.Markdown("""<h1 style="color:black;font-family:monospace;text-align:center">Sherlock's Phoeniks</h1>""")
+  gr.Markdown("<h4 style='color:black;font-family:monospace'>Facial Recognition using Generative AI - ChatGPT+StableDiffusion,utilizing Computer Vision and Google Search API</h4>")
   # gr.Image(display).style(height=400, width=1200)
   gr.HTML(value="<img src='https://i.ibb.co/TP4ddc6/sherlock.png' alt='Flow Diagram' width='1200' height='300'/>")
   # gr.Markdown("! [title](https://pixabay.com/photos/tree-sunset-clouds-sky-silhouette-736885/)")
-  gr.Markdown("""Our Sherlock's Phoeniks Search Squad solution is a facial recognition 
+  gr.Markdown("""<p style='color:black;font-family:monospace'>Our Sherlock's Phoeniks Search Squad solution is a facial recognition 
 system that utilizes generative AI models like ChatGPT and stable 
 diffusion/Dalle, as well as computer vision techniques, to identify and locate 
 missing persons in real time . The system will take input in the form of text 
@@ -491,7 +491,7 @@ search through internal databases and internet/social media platforms like
 Facebook and Twitter to find matches and potentially identify the missing 
 person. This system has the potential to significantly aid Police and 
 Investigating agencies in their efforts to locate and bring missing persons 
-home""")
+home</p>""")
   gr.HTML(value="<img src='https://i.ibb.co/Ms1jcDv/104cc37752fa.png' alt='Flow Diagram' style='height:500px;width:1200px'>")
   # gr.Image(detail).style(height=400, width=1200)
   with gr.Accordion("Generate Prompt",open=False):