body{
    margin:0;
    background:#f5f5f5;
    font-family:Arial;
}

.chat-container{
    width:900px;
    margin:30px auto;
    background:white;
    border-radius:10px;
    padding:20px;
    box-shadow:0 0 10px rgba(0,0,0,.1);
}

.title-container{
    text-align: center;
    margin-bottom: 20px;
}

#messages{
    height:500px;
    overflow:auto;
    border:1px solid #ddd;
    padding:15px;
    margin-bottom:15px;
}

.user{
    text-align:right;
    color:#0055aa;
    margin:15px;
}

.bot{
    text-align:left;
    color:#333;
    margin:15px;
}

.input-area{
    display:flex;
}

input{
    flex:1;
    padding:12px;
    font-size:16px;
}

button{
    width:120px;
    font-size:16px;
}

.title-container h2 {
    color: red;
}