html, body {
  width: 100vw;
  min-height: 100vh;
  background: url("/assets/background1.png") repeat-x top center #fbf8eb;
  background-size: 40%;
  border: 0;
  padding: 0;
  margin: 0;
  font-family: 'Jost', sans-serif;
  font-size: 18px;
  color: #706758;
  overflow-x: hidden; }

#background {
  width: 100vw;
  min-height: 100vh;
  background: url("/assets/background2.png") repeat-x bottom center;
  background-size: 40%;
  border: 0;
  padding: 0; }

h1, h2 {
  font-family: 'Lato', sans-serif; }

a {
  font-weight: bold;
  color: #7c505d; }
  a:visited {
    color: #5e3f47; }

b {
  font-weight: bold; }

#content, #busy {
  text-align: center;
  padding: 13vw 32px; }

.busyBox {
  width: 64px;
  height: 64px;
  text-align: center;
  margin: calc(37vh - 32px) auto 0 auto; }

.hidden {
  display: none; }

textarea {
  resize: none;
  width: 400px;
  max-width: calc(100vw - 108px);
  height: 200px;
  border: 1px solid #eae4d6;
  padding: 16px;
  font-size: 20px;
  font-family: 'Open Sans', sans-serif; }
  textarea:focus {
    outline: none; }

input[type=text], select {
  border: 1px solid #eae4d6;
  font-family: 'Open Sans', sans-serif;
  background: white;
  font-size: 22px;
  color: #706758;
  padding: 8px; }

button, input[type=submit], input[type=button] {
  border: #eae4d6;
  background: #eae4d6;
  font-family: "Jost", sans-serif;
  color: #706758;
  font-size: 22px;
  padding: 12px 18px;
  border-radius: 5px; }
  button:active, input[type=submit]:active, input[type=button]:active {
    border: #706758; }

.error {
  color: red; }

.mono {
  font-family: monospace; }

/*# sourceMappingURL=styles.css.map */