Update style.css

style.css

@@ -1,37 +1,49 @@
+[file name]: style.css
+[file content begin]
 body {
-    background: linear-gradient(to right, #e0f7fa, #ffffff);
+    background: linear-gradient(to right, #f0f8ff, #e6f9ff);
     font-family: 'Comic Sans MS', cursive, sans-serif;
-    color: #1e3a8a;
+    color: #3a7bd5;
 }
 
 .title {
     text-align: center;
-    color: #1e3a8a;
+    color: #89CFF0;
     font-size: 2.2em;
     margin-bottom: 1em;
     font-weight: bold;
+    text-shadow: 1px 1px 2px rgba(0,0,0,0.1);
 }
 
 #chatbot {
-    background-color: #ffffff;
-    border: 2px solid #1e3a8a;
-    border-radius: 10px;
+    background-color: #f8fdff;
+    border: 2px solid #89CFF0;
+    border-radius: 15px;
     padding: 10px;
     min-height: 400px;
+    box-shadow: 0 4px 6px rgba(0,0,0,0.05);
 }
 
 #input-text, #btn-send, #btn-clear {
     margin-top: 10px;
+    border-radius: 8px;
 }
 
 #btn-send {
-    background-color: #1e3a8a;
+    background-color: #89CFF0;
     color: white;
     font-weight: bold;
+    border: 1px solid #7bbfea;
 }
 
 #btn-clear {
-    background-color: #ff8a80;
+    background-color: #ffb3ba;
     color: white;
     font-weight: bold;
-}
+    border: 1px solid #ffa5ae;
+}
+
+.chatbot-box {
+    background-image: linear-gradient(to bottom right, #ffffff, #f0faff);
+}
+[file content end]