Update app.py

Trying to add CSS

app.py

@@ -3,7 +3,6 @@ import gradio as gr
 from llama_index import download_loader, ServiceContext, VectorStoreIndex
 from llama_index.embeddings import HuggingFaceEmbedding
 from llama_index import Prompt
-from gradio.utils.css import load_stylesheet
 import torch
 device = torch.device("cpu")
 
@@ -71,8 +70,90 @@ def clear_everything():
 """# Adding themes in UI Interface
 custom_theme = gr.themes.Monochrome()"""
 
+# CSS
+colors = ["#64A087", "green", "black"]
+
+CSS = """
+#question input {
+    font-size: 16px;
+}
+#app-title {
+    width: 100%;
+    margin: auto;
+}
+#url-textbox {
+    padding: 0 !important;
+}
+#short-upload-box .w-full {
+    min-height: 10rem !important;
+}
+
+#select-a-file {
+    display: block;
+    width: 100%;
+}
+#file-clear {
+    padding-top: 2px !important;
+    padding-bottom: 2px !important;
+    padding-left: 8px !important;
+    padding-right: 8px !important;
+	margin-top: 10px;
+}
+.gradio-container .gr-button-primary {
+    background: linear-gradient(180deg, #CDF9BE 0%, #AFF497 100%);
+    border: 1px solid #B0DCCC;
+    border-radius: 8px;
+    color: #1B8700;
+}
+.gradio-container.dark button#submit-button {
+    background: linear-gradient(180deg, #CDF9BE 0%, #AFF497 100%);
+    border: 1px solid #B0DCCC;
+    border-radius: 8px;
+    color: #1B8700
+}
+table.gr-samples-table tr td {
+    border: none;
+    outline: none;
+}
+table.gr-samples-table tr td:first-of-type {
+    width: 0%;
+}
+div#short-upload-box div.absolute {
+    display: none !important;
+}
+gradio-app > div > div > div > div.w-full > div, .gradio-app > div > div > div > div.w-full > div {
+    gap: 0px 2%;
+}
+gradio-app div div div div.w-full, .gradio-app div div div div.w-full {
+    gap: 0px;
+}
+gradio-app h2, .gradio-app h2 {
+    padding-top: 10px;
+}
+#answer {
+    overflow-y: scroll;
+    color: white;
+    background: #666;
+    border-color: #666;
+    font-size: 20px;
+    font-weight: bold;
+}
+#answer span {
+    color: white;
+}
+#answer textarea {
+    color:white;
+    background: #777;
+    border-color: #777;
+    font-size: 18px;
+}
+#url-error input {
+    color: red;
+}
+"""
+
 # UI Design and Logic
-with gr.Blocks(theme=load_stylesheet("my-monochrome-theme.css"),title="Marketing Email Generator") as demo:
+with gr.Blocks(css=CSS),title="Marketing Email Generator") as demo:
     gr.HTML("<h1 style='text-align: center;'>Marketing Email Generator</h1>")
     gr.Markdown("Drop you Excel file here 👇 and ask your query about it!")
     with gr.Row():