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

.chat-container{
    max-width:500px;
    margin:20px auto;
    background:white;
    border-radius:15px;
    overflow:hidden;
}

.header{
    background:#ff4081;
    color:white;
    text-align:center;
    padding:15px;
}

.avatar{
    width:80px;
    height:80px;
    border-radius:50%;
}

#chat-box{
    height:500px;
    overflow-y:auto;
    padding:15px;
}

.user{
    text-align:right;
    margin:10px;
}

.bot{
    text-align:left;
    margin:10px;
}

.input-area{
    display:flex;
}

input{
    flex:1;
    padding:10px;
}

button{
    padding:10px 20px;
}