body {
  background-color: rgb(38,38,46);
  font-family: 'Lato', sans-serif;
}
h1, h2 {
    color: white;
    text-align: center;
}
h4 { 
    color: white;
    text-align: center;
}
#messagesent {
    padding-top: 25%;
}
#formbox>h2 {
  font-size: 24pt;
}
#formbox {
  text-align: center;
  margin-top: -8%;
  margin-bottom: -6.3%;
}
#emailbox, #namebox {
  padding: 1%;
  border-radius: 2px;
  border: none;
  font-size: 15pt;
  font-family: "Lato";
  display: inline;
  width: 33%;
  margin: 5%;
  margin-top: -30px;
}
#messagebox {
  width: 78.3%;
  height: 125px;
  padding: 1%;
  margin-left: auto;
  margin-right: auto;
  border-radius: 2px;
  border: none;
  margin-top: -2%;
  font-size: 15pt;
  font-family: "Lato";
}
#sendbutton {
  padding: 1.3%;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  font-size: 13pt;
  font-family: "Lato";
  background-color: rgb(105, 32, 25);
  border-radius: 2px;
  border: none;
  color: white;
  transition-property: background-color, color, padding;
  transition-duration: 0.7s;
  margin-top: 2.5%;
}
#sendbutton:hover {
  padding: 1.6%;
  background-color: rgb(125, 32, 25);
  color: rgb(225, 225, 225);
}