client/src/components/Message/Message.css

.message{
    width:100%;
    display:flex;
    flex-direction: column;
    gap:5px;
    align-items: end;
    
    /* border: 2px dotted gray; */
}
.message.left{
    align-items: start;
}
.message.left .message__content{
    background-color: var(--RECEIVED-MSG-BG);
    color:var(--RECEIVED-MSG-COLOR);
}

.message__content{
    max-width:400px;
    background-color:rgb(224, 224, 224);
    color:rgb(113, 113, 113);
    padding:1em 2em;
    border-radius: 10px;
}

.message__time{
    font-size:0.8em;
    color:gray;
}