Changes

app.py

@@ -190,13 +190,18 @@ with gr.Blocks(css=dark_css) as demo:
     # Header section with larger, centered title
     #gr.Markdown("<h1 style='text-align: center;color:white'>Collinear Guard Nano</h1>")
     gr.Markdown(
-        """
-        <p style='text-align: center;color:white'>
-        Test Collinear guard nano and compare with llama guard 3 using the sample conversations below or type your own.
-        Collinear guard nano supports 3 types of safety tasks -- prompt classification, response classification, and refusal classification.
-        </p>
-        """
-    )
+    """
+    <p style='text-align: center; color: white; font-size: 12px;'>
+        Test <span style="color: orange;">Collinear Guard Nano</span> and compare it with Llama Guard 3 using the sample conversations below, or type your own. 
+        <span style="color: orange; ">Collinear Guard Nano</span> supports <span style="color: white;">3 Key Safety Tasks</span>:<br>
+        <span style="color: orange; font-size: 16px;"> Prompt Evaluation</span>,<span style="color: orange; font-size: 16px;">Response Evaluation</span> and
+        <span style="color: orange; font-size: 16px;"> Refusal Evaluation</span></li>
+    </p>
+    
+    <ul style='text-align: left; list-style: none; padding: 0; font-size: 14px;'>
+    </ul>
+    """
+)
 
     # Main content: dropdowns and textboxes in organized rows/columns
     with gr.Row():