Update style.css

style.css

@@ -1,9 +1,10 @@
-/* Full Page Background - Dark Pink */
-body, html {
-  background-color: #9e79a3 !important; /* Dark Pink */
+/* Force Full Page Background - Dark Pink */
+html, body, .gradio-container {
+  background-color: #d63384 !important; /* Dark Pink */
   font-family: "Comic Sans MS", cursive, sans-serif; /* Cute Font */
-  color: white; /* Default text color */
-  height: 100%;
+  color: white !important;
+  height: 100vh;
+  width: 100vw;
   margin: 0;
   display: flex;
   justify-content: center;
@@ -79,6 +80,11 @@ button:hover {
   text-align: center;
 }
 
+/* Fix Hugging Face's default black background */
+.gradio-container, .gradio-app {
+  background-color: transparent !important; /* Ensure it uses body’s color */
+}
+
 /* Make Sure Everything is Centered */
 .centered {
   display: flex;
@@ -105,4 +111,3 @@ button:hover {
     font-size: 18px;
   }
 }
-