Александр Таратин

<div id="chat">
<div id="chat-window">...</div>
// messages will be shown here from others or me
<input id="chat-input"> 
// the input in which will be made a message
</div>

#chat {
  width: 200px;
  height: 150px;
  opacity: 0.2;
  background-color: rgba(0, 0, 0, 0.5);
  word-wrap: break-word;
  top: 85px;
  border-radius: 10px 10px 10px 10px;
  transition: ease-out 0.2s;
}
#chat:hover,
#chat:focus-within {
  opacity: 1;
  transition: ease-out 0.2s;
}
#chat-input {
  border-radius: 0px 0px 10px 10px;
  padding: 10px;
  color: #ffffff;
  background: rgba(0, 0, 0, 0.75);
  border: hidden;
  outline: none;
  font: Snell Roundhand, cursive;
}