body {background-image:url("background.png")}

h1 {

  text-align:center;

  text-decoration:underline;

}

h2 {

text-align:left;

font-family:Arial;

color: orange;

}

.container {

  width: 100%;

  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif
  
}

div {

  font-size: 16px;

  min-height: 22px;

  max-height: 2000px;

}

div.line {

  width: 100%;

  clear: both;

  margin-top: 2px;

  margin-bottom: 2px;

  float: none;

}

 
div.date {

  float: left;

  width: 75px;

  clear: right;

  min-height: 22px;

  max-height: 2000px;

}
 
div.full {

  border-radius: 5px;

  float: left;

  width: 94%;

  text-align: center;

  max-width: 84%;

  margin: 0 auto;

  margin: 2px;

  padding: 4px;

}

div.left {

  border-radius: 5px;

  float: left;

  background: white;

  max-width: 84%;

  margin: 2px;

  padding: 4px;

}

div.right {

  border-radius: 5px;

  float: right;

  background-color: #25D366;

  max-width: 84%;

  margin: 2px;

  padding: 4px;

  

}

div.contact {

  text-align: left;

  float: left;

  clear: both;

  color: orange;

}


div.info {

  float: left;

  clear: both;

}
 
span.message {

  margin-right: 3px;

}

span.time {

  text-align: right;

  color: grey;

  font-size: 12px;

}

.img {

  height: 150px;

}

div.closing {

  height: 100px;

}

.centered {

  position: absolute;

  top: 50%;

  left: 50%;

  transform: translate(-50%, -50%);

  color: black;

  font-weight: bold;

}
a {
  text-align: center;

  color: blue;

  font-size: 20px;

 font-weight: bold;
 padding: 4px;
}