body {
  margin: 0;
  background-color: grey;
}

#chat {
  width: 50%;
  height: 50vh;
  background-color: white;
  filter: drop-shadow(0.5em 10px 10px black);
  transform: translateX(50%) translateY(25%);
  overflow: none;
}

#heading {
  font-size: 2vw;
}

hr {
  width: 90%;
  height: 0.2vw;
  background-color: darkgrey;
  border-radius: 25%;
}

#chats {
  height: 50%;
  width: 100%;
  overflow: scroll;
}

#chatBoxForUser {
  background-color: blue;
  color: pink;
  min-height: 15%;
  width: 40%;
  position: relative;
  left: 60%;
  margin: 10px;
}

#chatBoxForMrChat {
  background-color: cornflowerblue;
  color: lightblue;
  min-height: 15%;
  width: 40%;
  margin: 10px;
}