Try simple css and reduced markdown

app.py

@@ -126,16 +126,12 @@ def main(input_file_path, species):
     return img, output_file
 
 
-
 if __name__ == "__main__":   
 
     css = """
     body {background-color: black; color: white;}
     .gradio-container {background-color: black; color: white;}
-    input, button, select, textarea, .gr-button, .gr-file, .gr-dropdown, .gr-image, .gr-file-upload {background-color: #333; color: white; border-color: white;}
-    .gr-button, .gr-file, .gr-dropdown, .gr-image, .gr-file-upload, .gr-output, .gr-output-image, .gr-output-file {border: 1px solid white;}
-    .gr-output, .gr-output-image, .gr-output-file, .output_image, .output_file {background-color: #333 !important; color: white !important; border-color: white !important;}
-    .gr-image-preview {background-color: #333 !important; color: white !important; border-color: white !important;}
+    .gr-file, .gr-image {background-color: #333; color: white; border-color: white;}
     """
 
     with gr.Blocks(css=css) as demo:
@@ -144,35 +140,6 @@ if __name__ == "__main__":
             <div style="text-align:center; margin-bottom:20px;">
                 <span style="font-size:3em; font-weight:bold; color: white;">UCE 100M Demo</span>
             </div>
-            <div style="text-align:center; margin-bottom:10px;">
-                <span style="font-size:1.5em; font-weight:bold; color: white;">Universal Cell Embeddings: Explore Single Cell Data</span>
-            </div>
-            <div style="text-align:center; margin-bottom:20px;">
-                <a href="https://github.com/minwoosun/UCE">
-                    <img src="https://badges.aleen42.com/src/github.svg" alt="GitHub" style="display:inline-block; margin-right:10px;">
-                </a>
-                <a href="https://www.biorxiv.org/content/10.1101/2023.11.28.568918v1">
-                    <img src="https://img.shields.io/badge/bioRxiv-2023.11.28.568918-green?style=plastic" alt="Paper" style="display:inline-block; margin-right:10px;">
-                </a>
-            </div>
-            <div style="text-align:left; margin-bottom:20px; color: white;">
-                Upload a `.h5ad` single cell gene expression file and select the species (Human/Mouse). 
-                The demo will generate UMAP projections of the embeddings and allow you to download the embeddings for further analysis.
-            </div>
-            <div style="margin-bottom:20px; color: white;">
-                <ol style="list-style:none; padding-left:0;">
-                    <li>1. Upload your `.h5ad` file</li>
-                    <li>2. Select the species</li>
-                    <li>3. Click "Run" to view the UMAP scatter plot</li>
-                    <li>4. Download the UMAP coordinates</li>
-                </ol>
-            </div>
-            <div style="text-align:left; line-height:1.8; color: white;">
-                Please consider citing the following paper if you use this tool in your research:
-            </div>
-            <div style="text-align:left; line-height:1.8; color: white;">
-                Rosen, Y., Roohani, Y., Agarwal, A., Samotorčan, L., Tabula Sapiens Consortium, Quake, S. R., & Leskovec, J. Universal Cell Embeddings: A Foundation Model for Cell Biology. bioRxiv. https://doi.org/10.1101/2023.11.28.568918
-            </div>
             '''
         )
 
@@ -190,4 +157,4 @@ if __name__ == "__main__":
             outputs=[image_output, file_output]
         )
 
-    demo.launch()
+    demo.launch()