h1 {

text-align: center;

}

body {

max-width: 600px;

}

.message {

margin-left: 40px;
max-width: 450px;

}

.message.outgoing {

margin-left: 150px;

}

.sender, .message-date-time {

font-size: 90%;
display: block;
margin: 0px;

}

.message-part {

margin: 10px 0px 10px 0px;

}

.message-part-image {

max-width: 100%;

}

.message-part-video {

max-width: 100%;

}

.message-part-text {

border-radius: 10px;
padding: 5px;
margin: 0;

}

.incoming .message-part-text {

background-color: beige;
display: inline-block;

}

.outgoing .message-part-text {

color: white;
background-color: darkgoldenrod;

}