.chat-container{
  width:320px;
  margin:30px auto;
  border:1px solid #ccc;
  padding:10px;
  font-family:Arial;
}

.chat-header{
  text-align:center;
  background:#28a745;
  color:#fff;
  padding:8px;
  margin-bottom:5px;
}

#chatBox{
  height:250px;
  overflow-y:auto;
  margin-bottom:10px;
}

.msg{
  padding:6px;
  margin:5px;
  border-radius:5px;
}

.user{
  background:#dcf8c6;
  text-align:right;
}

.bot{
  background:#eee;
  text-align:left;
}