revert: yali design

app.py

@@ -62,16 +62,14 @@ def view_model(selected_models):
 # CSS to style the Gradio components and HTML content
 custom_css = """
 body {
-    background-color: #f4f4f4;  /* Light grey background */
-    background-image: radial-gradient(circle, #800000 5px, transparent 5px);  /* Maroon dotted pattern */
-    background-size: 80px 80px;  /* 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 */
+    background-color: #800000; /* Maroon background */
+    background-image: 
+        linear-gradient(to right, #a05252 1px, transparent 1px), /* Vertical dashed lines */
+        linear-gradient(to bottom, #a05252 1px, transparent 1px); /* Horizontal dashed lines */
+    background-size: 80px 80px; /* Grid cell size */
+    height: 100%; /* Ensure body height is 100% of the viewport */
+    margin: 0; /* Remove default margin */
+    overflow-y: auto; /* Allow vertical scrolling if needed */
 }
 .custom-row {
     display: flex;