body{
background-color: rgba(252, 70, 115, 1);
}
#content {
  position: absolute;
  top: 0;
  left: 36%;
  background-color: #E9D0F5;
  width:350px;
  padding-bottom: 20%;
 	font-family: "Caveat Brush", cursive;
  font-weight: bold;
}
#center-person-one{
  align-items:flex-end;
  float:left;
  clear:both;
}
#center-person-two{
  align-items:flex-end;
  float:right;
  clear:both;
}

.caveat-brush-regular {
  font-family: "Caveat Brush", cursive;
  font-weight: 400;
  font-style: normal;
}
.stamp{
	max-height:100px;
  color:black;
}
.person-one {
	background: linear-gradient(0deg, rgba(152, 255, 183, 1) 0%, rgba(63, 115, 251, 1) 47%, rgba(252, 70, 115, 1) 100%);
  max-width: 50%;
  border-radius: 45% 35% 45% 3%;
  margin: 5%;
  padding:1px 10px;
  float:left;
  clear:both;
}

.person-one.text {
	border-radius: 45% 45% 45% 0%;
  padding: 5px 10px;
  float:left;
  clear:both;
}

.person-two {
	background: linear-gradient(0deg, rgba(34, 193, 195, 1) 0%, rgba(253, 187, 99, 1) 100%);
  max-width:50%;
  border-radius: 5% 45% 3% 55%;
  margin: 5%;
  padding:1px 10px;
  float:right;
  clear:both;
}

.person-two.text {
	border-radius: 45% 45% 0% 45%;
  padding: 5px 10px;
  float:right;
  clear:both;
}

.p1image {
	max-width: 80%;
  border-radius: 15% 15% 15% 15%;
  margin: 1%;
  padding:10px 10px;
  border:3px outset magenta;
  float:left;
  clear:both;
}
.p2image {
  max-width:80%;
  border-radius:15% 15% 15% 15%;
  margin: 1%;
  padding:10px 10px;
  border:3px inset yellow;
  float:right;
  clear:both;
}