body {
  font-family : arial;
  display : flex;
  flex-wrap : wrap;
  flex-direction : column;
}
#title {
  color : #404040;
  background-color : #e4e4e4;
  padding : 25px;
  margin : auto;
}
#profile {
  
}
#image-center {
  display : block;
  width : 20%;
  margin-left : auto;
  margin-right : auto;
  margin-bottom : 5px;
  border-radius : 100%;
}
#contact {
  margin : auto;
  font-size : 14pt;
  text-align : center;
}
#content {
  background-color : #f4f4f4;
  flex : 80%;
}
.bubble {
  max-width : 45%;
  margin : 2%;
  padding : 5px 20px;
  clear : both;
  color : white;
}
.chat-left {
  background-color : gray;
  float : left;
  border-radius : 15px 15px 15px 0px;
}
.chat-right {
  background-color : blue;
  float : right;
  border-radius : 15px 15px 0px 15px;
}
.image {
  max-width : 100%;
  border-radius : 8px;
  float : left;
}