#messageBox {
    border: none;
    box-shadow: none;
    /* border-radius: 50px */
}
#messageDiv{
    border: thin solid grey;
    padding: 5px;
    border-radius: 50px
}
.btn{
    border-radius: 50px;
}
#main{
    border: thin solid grey;
    padding-bottom: 20px;
    max-width: 500px;
    margin: 0 auto;
    border-radius: 5px;
    padding: 10px
}
hr{
    padding: 0;
    margin: 5px
}
textarea {
  resize: none;
}

textarea::-webkit-scrollbar {
   display: none;
}

#chatRoom{
    max-height: 300px;
    overflow: scroll;
    overflow-y: scroll;
    overflow-x: hidden;
}

#chatRoom::-webkit-scrollbar-track {
   box-shadow:inset 0 0 6px rgba(139, 25, 25, 0.1);
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
  background-color: #f5f5f5;
}

#chatRoom::-webkit-scrollbar {
  width: 2px;
  background-color: #c7d0fa;
}

#chatRoom::-webkit-scrollbar-thumb {
  background-color: #33b5e5;
}