Update app.py

app.py

@@ -214,28 +214,63 @@ def query(prompt, is_negative=False, steps=30, cfg_scale=7, sampler="DPM++ 2M Ka
     except Exception as e:
         print(f"Error when trying to open the image: {e}")
         return None, None, None
-
 css = """
 .gradio-container {
     background: url(https://huggingface.co/spaces/K00B404/FLUX.1-Dev-Serverless-darn-enhanced-prompt/resolve/main/edge.png);
-    background-size:620px 800px;
+    background-size: 620px 800px;
     background-repeat: no-repeat;
+    background-position: center;
+    background-attachment: fixed;
 }
 
 body {
-    background-image: url('icon.png');
-    background-size: cover;
+}
+
+#app-container {
+    background-color: rgba(255, 255, 255, 0.001);  /* Corrected to make semi-transparent */
+    max-width: 600px;
+    margin-left: auto;
+    margin-right: auto;
+    padding: 0px;
+    border-radius: 25px;
+    box-shadow: 0 0 10px rgba(0,0,0,0.1); /* Adjusted shadow opacity */
+}
+
+#title-container {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+}
+
+#title-icon {
+    width: 32px;
+    height: auto;
+    margin-right: 10px;
+}
+
+#title-text {
+    font-size: 24px;
+    font-weight: bold;
+}
+"""
+css2 = """
+.gradio-container {
+    background: url(https://huggingface.co/spaces/K00B404/FLUX.1-Dev-Serverless-darn-enhanced-prompt/resolve/main/edge.png);
+    background-size:620px 800px;
+    background-position: center;
     background-repeat: no-repeat;
-    background-attachment: fixed;
+}
+
+body {
 }
 #app-container {
-    background-color: rgba(1, 1, 1, 0.001);  /* semi-transparent white */
+    background-color: rgba0, 0, 0, 0.001);  /* semi-transparent white */
     max-width: 600px;
     margin-left: auto;
     margin-right: auto;
-    padding: 20px;
-    border-radius: 10px;
-    box-shadow: 0 0 10px rgba(2,2,2,0.001);
+    padding: 0px;
+    border-radius: 25px;
+    box-shadow: 0 0 10px rgba(0,0,0,0.001);
 }
 #title-container {
     display: flex;