updated body background

app.py

@@ -62,12 +62,16 @@ def view_model(selected_models):
 # CSS to style the Gradio components and HTML content
 custom_css = """
 body {
-    background-position: center;
-    background-size: cover;
+    background-color: #f4f4f4;  /* Light grey background */
+    background-image: radial-gradient(circle, #dcdcdc 1px, transparent 1px);  /* Dotted pattern */
+    background-size: 20px 20px;  /* Size of the dots */
     background-attachment: fixed;
     height: 100%;  /* Ensure body height is 100% of the viewport */
     margin: 0;
     overflow-y: auto;  /* Allow vertical scrolling */
+    color: #E6E6FA;  /* Text color */
+    font-family: 'Papyrus', cursive;  /* Font */
+    font-size: 14px;  /* Font size */
 }
 .custom-row {
     display: flex;
@@ -85,7 +89,7 @@ body {
 
 /* Custom border styles for all Gradio components */
 .gradio-container, .gradio-row, .gradio-column, .gradio-input, .gradio-image, .gradio-checkgroup, .gradio-button, .gradio-markdown {
-    border: 3px solid black !important;  /* Border width and color */
+    border: 3px #800000 !important;  /* Border width and color */
     border-radius: 8px !important;      /* Rounded corners */
 }