Update app.py

app.py

@@ -242,7 +242,7 @@ header p {
 #pre-tabs p {
     color: #555555;
     line-height: 1.5;
-    font-size: 2em
+    font-size: 1.5em
 }
 
 
@@ -391,6 +391,48 @@ color: blue;
 }
 
 
+
+/* overview */
+div#Overview {
+    padding: 30px;
+    border-radius: 12px;
+    background: linear-gradient(135deg, #ffffff, #f9f9ff);
+    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.1);
+    max-width: 900px;
+    margin: 20px auto;
+}
+div#Overview h2 {
+    font-size: 2.8em;
+    color: #6a1b9a;
+    text-align: center;
+    margin-bottom: 20px;
+}
+div#Overview p {
+    font-size: 1.2em;
+    color: #333333;
+    line-height: 1.8;
+    margin-bottom: 15px;
+}
+div#Overview ul, div#Overview ol {
+    font-size: 1.2em;
+    color: #555555;
+    margin: 20px 0;
+    padding-left: 40px;
+}
+div#Overview ul li, div#Overview ol li {
+    margin-bottom: 10px;
+}
+div#Overview ul li::marker, div#Overview ol li::marker {
+    color: #6a1b9a;
+    font-size: 1.5em;
+}
+div#Overview a {
+    color: #6a1b9a;
+    text-decoration: underline;
+}
+div#Overview a:hover {
+    color: #8c52d3;
+}
 """
 
 # Create the Gradio Interface