body{
  background-color: #e8d09e;
  width:100%;
  margin:auto;
  max-width:1024px
}
a:link {
  color: black;
  text-decoration: none;}
a:visited 
{
  color: black;  text-decoration: none;
  outline-style: none;}
a:hover {
  color: black;  text-decoration: none;
  outline-style: none;
}
a:active {
  color: black;  text-decoration: none;
  outline-style: none;
}
input[type=text] {
   font-size: 18px;
   background-color: #f0e3c9;
}





.header {
  width: 100%;
  background-color: #270e03;
  color: #e8d09e;
  vertical-align:middle;
  text-align: center;
  font-size: 60px;
}
.menu {
  width: 100%;
  text-align: center;
}
.button {
  background-color: #cfb78f;
  border: 2px solid #270e03;
  border-radius: 5px;
  color: #270e03;
  padding: 5px 10px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 28px;
  margin: 5px 15px;
  cursor: pointer;
  transition-duration: 0.4s;
}
.body {
  width: 100%;
  border: 0px solid #270e03;
  text-align: justify;
  padding: 0px 0px;
}
.text{
  padding: 0px 15px;
  font-size: 28px;

}

.detailInfo {
  display: inline-block;
  padding: 25px;
  text-align: center;
  font-size: 28px;
}

.footer {
  width: 100%;
  background-color: #dfc69a;
  border-bottom: 2px solid #270e03;
  text-align: center;
  font-size: 18px;
}