.bubble 
{
   max-width: 45%; /* keeps chat bubbles from extending over 45% of the horizontal distance across the screen */
   margin: 2%;
   padding: 15px 20px;
   clear: both; /* moves the element clear of any previous floating elements */
}
.chat-left /* sets the rules for the reciepient chat */
{
   background-color: lightgreen;
   float: left;
   border-radius: 30% 30% 30% 0%;
}

.chat-right /* sets the rules for the sender chat */
{
   background-color: lightblue; 
   float: right;
   border-radius: 30% 30% 0% 30%;
}

.image 
{
 max-width: 95%; /* insures that the image is contained in the cat bubble */
}