| #chat-container { | |
| max-width: 600px; | |
| margin: auto; | |
| padding: 20px; | |
| border: 1px solid #ccc; | |
| border-radius: 5px; | |
| background-color: #f9f9f9; | |
| } | |
| #chat-history { | |
| height: 400px; | |
| overflow-y: auto; | |
| margin-bottom: 10px; | |
| border: 1px solid #ddd; | |
| padding: 10px; | |
| background: white; | |
| } | |
| #user-input { | |
| width: calc(100% - 90px); | |
| } | |
| button { | |
| padding: 10px; | |
| } |