Update app.py

app.py

@@ -37,17 +37,91 @@ examples = [
 
 
 
+#css="""
+#col-container {
+#    margin: 0 auto;
+#    max-width: 520px;
+#}
+#"""
+
 css="""
+/* Add some basic styling to the app */
+body {
+    font-family: Arial, sans-serif;
+    background-color: #f2f2f2;
+}
+
+/* Style the column container */
 col-container {
     margin: 0 auto;
     max-width: 520px;
+    padding: 20px;
+    background-color: #fff;
+    border: 1px solid #ddd;
+    border-radius: 10px;
+    box-shadow: 0 0 10px rgba(0,0,0,0.1);
+}
+
+/* Style the markdown text */
+.gr-markdown {
+    font-size: 16px;
+    color: #333;
+}
+
+/* Style the input fields */
+.gr-input {
+    padding: 10px;
+    border: 1px solid #ccc;
+    border-radius: 5px;
+}
+
+/* Style the sliders */
+.gr-slider {
+    width: 100%;
+    padding: 10px;
+}
+
+/* Style the buttons */
+.gr-button {
+    background-color: #4CAF50;
+    color: #fff;
+    padding: 10px 20px;
+    border: none;
+    border-radius: 5px;
+    cursor: pointer;
+}
+
+.gr-button:hover {
+    background-color: #3e8e41;
+}
+
+/* Style the accordion */
+.gr-accordion {
+    background-color: #f2f2f2;
+    border: 1px solid #ddd;
+    border-radius: 10px;
+    padding: 10px;
+}
+
+.gr-accordion label {
+    font-weight: bold;
+    margin-bottom: 10px;
+}
+
+/* Style the examples */
+.gr-examples {
+    padding: 10px;
+    background-color: #f2f2f2;
+    border: 1px solid #ddd;
+    border-radius: 10px;
 }
 """
 
 with gr.Blocks(css=css) as demo:
     
     with gr.Column(elem_id="col-container"):
-        gr.Markdown(f"""Generate an image with Flux. Please review the license if you are not familiar with it. Not for Commercial Use!]
+        gr.Markdown(f"""Generate an image with Flux. Try it out and let me know what you think! Expect roughly 45-60 seconds per generation with it's current backend. This can be scaled up over time as needed. Thanks!
+ Not for Commercial Use - Apache 2.0 License
         """)
         
         with gr.Row():