Update style.css

Author: VolkanSah

style.css

@@ -1,66 +1,18 @@
-body {
-    font-family: Arial, sans-serif;
-    background-color: #f0f0f0;
-}
-
-.chat-container {
-    width: 100%;
-    max-width: 600px;
-    margin: 40px auto;
-    background-color: #fff;
+/* style.css */
+#chat-box {
+    margin-top: 20px;
+    padding: 10px;
+    border: 1px solid #ccc;
     border-radius: 5px;
-    box-shadow: 0 3px 10px rgba(0,0, 0, 0.1);
-display: flex;
-flex-direction: column;
-}
-
-.chat-output {
-flex-grow: 1;
-padding: 20px;
-overflow-y: auto;
-max-height: 400px;
-}
-
-.chat-output p {
-margin: 10px 0;
-}
-
-.user-message {
-text-align: right;
-font-weight: bold;
-}
-
-.bot-message {
-text-align: left;
-font-weight: normal;
-}
-
-.chat-input-form {
-display: flex;
-align-items: center;
-padding: 10px;
-background-color: #f0f0f0;
-border-top: 1px solid #e0e0e0;
-}
-
-.chat-input {
-flex-grow: 1;
-border: none;
-border-radius: 3px;
-padding: 10px;
-margin-right: 10px;
+    max-height: 400px;
+    overflow-y: auto;
 }
 
-.chat-submit {
-padding: 10px 20px;
-background-color: #007bff;
-color: #fff;
-font-weight: bold;
-border: none;
-cursor: pointer;
-border-radius: 3px;
+#chat-box .message {
+    margin-bottom: 10px;
 }
 
-.chat-submit:hover {
-background-color: #0056b3;
+#chat-box .message img {
+    max-width: 100%;
+    height: auto;
 }