fix css

Signed-off-by: Kieran Fraser <Kieran.Fraser@ibm.com>

app.py

@@ -25,9 +25,24 @@ from art.attacks.poisoning.perturbations import insert_image
 device = torch.device('cuda' if torch.cuda.is_available() else 'cpu')
 
 css = """
-.larger-gap { gap: 100px !important; }
-.symbols { text-align: center !important; margin: auto !important; }
-.cust-width { min-width: 250px !important;}
+.custom-text {
+    --text-md: 20px !important;
+    --text-sm: 18px !important;
+    --block-info-text-size: var(--text-sm);
+    --block-label-text-size: var(--text-sm);
+    --block-title-text-size: var(--text-md);
+    --body-text-size: var(--text-md);
+    --button-small-text-size: var(--text-md);
+    --checkbox-label-text-size: var(--text-md);
+    --input-text-size: var(--text-md);
+    --prose-text-size: var(--text-md);
+    --section-header-text-size: var(--text-md);
+}
+.eta-bar.svelte-1occ011.svelte-1occ011 {
+    background: #ccccff !important;
+}
+.center-text { text-align: center !important }
+
 .eval-bt { background-color: #3b74f4; color: white; }
 input[type="number"].svelte-3iwdd6 { padding-top: 20px; padding-bottom: 20px;}
 """