Fixed dark mode + mobile

app.py

@@ -53,7 +53,7 @@ with gr.Blocks(css='''
     .gr-group {direction: rtl;}
     .chatbot{text-align:right;}
   .dicta-header {
-    background-color: #f4f4f4;  /* Replace with desired background color */
+    background-color: var(--input-background-fill);  /* Replace with desired background color */
     border-radius: 10px;
     padding: 20px;
     text-align: center;
@@ -61,6 +61,12 @@ with gr.Blocks(css='''
     flex-direction: row;
     align-items: center;
   }
+               
+  @media (max-width: 768px) {
+    .dicta-header {
+      flex-direction: column; /* Change to vertical for mobile devices */
+    }
+  }
 
   .chatbot.prose {
     font-size: 1.2em;
@@ -72,7 +78,6 @@ with gr.Blocks(css='''
   }
 
   .dicta-intro-text {
-    color: #333; /* Replace with desired text color */
     margin-bottom: 20px;
     text-align: center;
     display: flex;