textarea {
  font-family: "Roboto", sans-serif;
}

.left-chat-bubble {
  background-color: var(--light-blue);
  color: #323333;
  font-size: 12px;
  border: none;
  border-radius: 1px;
  width: auto;
  max-width: 62%;
  overflow: hidden;
  float: left;
  padding: 0.3em 1.3em 0.3em 1.3em;
  overflow-wrap: break-word;
  white-space: pre-line;
}

.right-chat-bubble {
  background-color: #96d7d2;
  color: #323333;
  font-size: 12px;
  border: none;
  border-radius: 1px;
  width: auto;
  max-width: 62%;
  overflow: hidden;
  float: right;
  overflow-wrap: break-word;
  padding: 0.3em 1.3em 0.3em 1.3em;
  white-space: pre-line;
}

.message-container {
  border-radius: 3px;
  display: inline-block;
  position: relative;
  width: 100%;
  margin: 0.25em auto;
  padding-left: 1.5em;
  padding-right: 1.5em;
}

.status-container {
  display: inline-block;
  width: 100%;
  margin: 0.25em auto;
  padding-left: 1em;
  padding-right: 1em;
  text-align: center;
  font-size: 0.7rem;
}

.left-time {
  position: relative;
  top: 8px;
  left: 10px;
  float: left;
  font-size: 0.7rem;
}

.right-time {
  position: relative;
  top: 8px;
  right: 10px;
  float: right;
  font-size: 0.7rem;
}

#sendButton {
  background: var(--white);
  color: #248f89;
  display: flex;
  flex-direction: column;
  justify-content: center;
  cursor: pointer;
  border: solid rgb(200, 200, 200) 1px;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}