Update styles.css

styles.css

@@ -2,4 +2,31 @@
 #chatbot .message {
     direction: rtl;
     text-align: right;
-}
+}
+
+#title {
+    text-align: right;
+    font-size: 24px;
+    color: darkblue;
+    direction: rtl;
+    margin-right: 20px;
+}
+#chatbot {
+    background-color: #f9f9f9;
+    border-radius: 10px;
+    padding: 10px;
+    direction: rtl;
+    text-align: right;
+    font-family: 'Tajawal', sans-serif;
+}
+#input-box {
+    border: 2px solid blue;
+    padding: 10px;
+    direction: rtl;
+    text-align: right;
+}
+#clear-btn {
+    background-color: red;
+    color: white;
+    font-weight: bold;
+}