body {
  background-color: black;
  background-image:url("italy.JPG"); 
  color: red;
  font-family: Courier;
  justify-content: center;
  align-items: center;
  text-align:center;
}
.dialogue {
  border: 4px solid #5EFF73;
  border-style: outset;
  border-radius: 1px;
  padding: 1rem 1.5rem;
  background-color:#024F0C;
  width:700px;
  height: 500px;
  overflow-y:scroll;
  margin-left: 200px; margin-right: 150px;
  top:35px;
  position:absolute;
  align-content: center;
  z-index:2;
  text-align: center;
  font-size:20px;
}
.terry{
position:absolute;
left:800px;
top:260px;
z-index:3;
  }
.me {
  color:#FCF19F;
  border: 4px solid #FCF19F;
  border-style: groove;
  border-radius: 1px;
  padding: 1rem 1.5rem;
  background-color:#8A0000;

}
.here {
  color:#7C7FF7;
  border: 4px solid #7C7FF7;
  border-style: groove;
  border-radius: 1px;
  padding: 1rem 1.5rem;
  background-color:#000242;
  text-decoration:underline;
  text-decoration-color:#000242;
}
.here:hover {
  color:#000242;
  border: 4px solid #000242;
  border-style: groove;
  border-radius: 1px;
  padding: 1rem 1.5rem;
  background-color:#7C7FF7;
  text-decoration:underline;
  text-decoration-color:#7C7FF7;
}
.met {
  color:#FCF19F;
  border: 4px solid #FCF19F;
  border-style: groove;
  border-radius: 1px;
  padding: 1rem 1.5rem;
  background-color:#8A0000;
  text-decoration:underline;
  text-decoration-color:#8A0000;
}
.met:hover {
  color:#8A0000;
  background-color:#FCF19F;
  text-decoration-color:#FCF19F;
}

.her {
  color:#009613;
  border: 4px solid #009613;
  border-style: groove;
  border-radius: 1px;
  padding: 1rem 1.5rem;
  background-color:white;
}