html, body {
  width: auto;
  min-height: 100vh;
  
  background: #181010;
  background-size: 40%;
  border: 0;
  padding: 0;
  margin: 0;
  font-family: 'Jost', sans-serif;
  font-size: 18px;
  color: #27837f;
  overflow-x: hidden; }

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

b {
  font-weight: bold; }

#content, #busy {
  text-align: center;
  padding: 64px auto; }
  
img.main-logo {
  display: block;
  width: 80vw;
  max-width: 960px;
  height: auto;
  max-height 60vh;
  text-align: center;
  margin: 64px 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; }

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