h1 { color:black;
  text-align: center;
  font-size: 2em;
	font-family: 'Merriweather', monospace;
  font-weight:bold;
}


#title-box {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1;
  position: sticky;
  display: flex;
  justify-content: center;
  width: 100%;
  text-align: center;
  background-color: darkgray; 
}


#content {
  top: 0;
  left: 0;
  background-color: black;
  width: 100%;
  padding-bottom: 10%;
  font-weight: bold;
}

.chat-left {
  background-color: #008080;
  max-width: 45%;
  margin: 2%;
  float: left;
  border-radius: 20% 20% 0% 20%;
  clear: both;
}

.chat-right {
   background-color: lightblue;
   max-width: 45%;
   float: right;
   border-radius: 20% 20% 0% 20%;
   clear: both;
} 
   
.bubble {
   max-width: 25%;
   margin: 2%;
   padding: 15px 20px;
   clear: both;
}

.image {
 max-width: 95%; 
}

.image img {
  	max-width: 85%;
  max-height: 25%;
  border-radius: 15% 15% 15% 15%;
  margin: 6%;
}