style.css

.chatapp-chat {
 border-radius: 6px;
 padding: 20px;
 box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.15);
 border: 1px solid #dbe2ef;
 background-color: #dae1ee;
 display: flex;
 flex-direction: column;
 justify-content: center;
 align-items: center;
}

.chatapp-messages {
 padding: 20px;
 border-radius: 6px;
 background-color: #dae1ee;
 display: flex;
 flex-direction: column;
 justify-content: center;
 align-items: center;
}

.chatapp-message {
 margin-bottom: 10px;
 padding: 10px;
 border-radius: 6px;
 background-color: #dbe2ef;
 display: flex;
 flex-direction: column;
 justify-content: center;
 align-items: center;
}