@font-face {
  font-family: timeburner;
  src: url(../fonts/timeburner_regular.ttf);
}
body {
  font-family: timeburner;
  font-size: 16px;
  color: #3a2210;
  margin: 0px;
  overflow: hidden;
}
a {
  color: #71502b;
}
input,
button {
  padding: 10px;
  -webkit-appearance: none;
  color: #3a2210;
  border: none;
  border-color: #e5c79b;
  border-width: 4px;
  border-radius: 10px;
  width: 85%;
  font-size: 16px;
  height: 20px;
  -webkit-box-shadow: 0 0 0px 1000px #d6a967 inset;
}
input:-webkit-autofill {
  -webkit-appearance: none;
  color: #3a2210;
}
input[type=submit],
button {
  margin-top: 20px;
  height: 40px;
  width: 50%;
}
::-webkit-input-placeholder {
  color: #bd955b;
}
:-moz-placeholder {
  /* Firefox 18- */
  color: #bd955b;
}
::-moz-placeholder {
  /* Firefox 19+ */
  color: #bd955b;
}
:-ms-input-placeholder {
  color: #bd955b;
}
#background {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  z-index: -1;
  background-color: #e5c79b;
}
#background #bg-upper-part {
  position: absolute;
  top: 0;
  height: 50%;
  width: 100%;
  background: #c69c5f;
  /* Old browsers */
  background: -moz-linear-gradient(top, #c69c5f 0%, #e5c79b 25%, #e5c79b 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #c69c5f), color-stop(25%, #e5c79b), color-stop(100%, #e5c79b));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #c69c5f 0%, #e5c79b 25%, #e5c79b 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #c69c5f 0%, #e5c79b 25%, #e5c79b 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #c69c5f 0%, #e5c79b 25%, #e5c79b 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #c69c5f 0%, #e5c79b 25%, #e5c79b 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c69c5f', endColorstr='#e5c79b', GradientType=0);
  /* IE6-9 */
}
#background #bg-lower-part {
  position: absolute;
  top: 50%;
  height: 50%;
  width: 100%;
  background: #e5c79b;
  /* Old browsers */
  background: -moz-linear-gradient(top, #e5c79b 0%, #e5c79b 75%, #c69c5f 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e5c79b), color-stop(75%, #e5c79b), color-stop(100%, #c69c5f));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #e5c79b 0%, #e5c79b 75%, #c69c5f 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #e5c79b 0%, #e5c79b 75%, #c69c5f 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #e5c79b 0%, #e5c79b 75%, #c69c5f 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #e5c79b 0%, #e5c79b 75%, #c69c5f 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e5c79b', endColorstr='#c69c5f', GradientType=0);
  /* IE6-9 */
}
#example {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.simple-page {
  padding-top: 125px;
  text-align: center;
}