some css changes

app.py

@@ -146,13 +146,7 @@ with demo:
             visible=False,
             elem_id="individual-wav-files",
         )
-
-    html = """
-    <div id="keyboard-container"></div>
-    """
-
-    gr.HTML(html)
-
+    
     gr.Markdown("## Download Soundfont Package here:")
     with gr.Row():
         sf = gr.File(
@@ -162,6 +156,13 @@ with demo:
             elem_id="sfz",
         )
 
+    html = """
+    <div id="keyboard-container"></div>
+    """
+
+    gr.HTML(html)
+
+    
     gr.Markdown("""
     # About            
     The model is a modified version of [stable audio open](https://huggingface.co/stabilityai/stable-audio-open-1.0).

custom.css

@@ -216,7 +216,7 @@
     transform: translateX(-50%);
     padding: 10px 20px;
     border-radius: 20px;
-    font-size: 14px;
+    font-size: 30px;
     display: flex;
     align-items: center;
     gap: 8px;
@@ -225,7 +225,7 @@
 }
 
 .loader.active {
-    background-color: #03ae5e;
+    background-color: #30b275;
     border: 1px solid #00ff22;
     color: #00ffae;
     box-shadow: 0 2px 4px rgba(0,0,0,0.1);