html, body {
  padding: 0;
  margin: 0; }

* {
  box-sizing: border-box;
  padding: 0;
  margin: 0; }

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  /* display: none; <- Crashes Chrome on hover */
  -webkit-appearance: none;
  margin: 0;
  /* <-- Apparently some margin are still there even though it's hidden */ }

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none; }

input[type='number'] {
  -moz-appearance: textfield; }

html, body {
  background: #fff;
  color: #000;
  font-family: "turnpikeregular", sans-serif;
  font-size: 18px;
  margin: 0;
  padding: 0; }

header {
  text-align: center; }
  header .one {
    font: 24px "Oleo Script", cursive; }
    header .one::before {
      border-bottom: 2px solid #000;
      border-radius: 0 0 10px 10px;
      content: '';
      display: block;
      height: 10px;
      margin-top: 4rem;
      margin-left: auto;
      margin-right: auto;
      margin-bottom: 24px;
      min-width: 120px;
      width: 25%; }
  header .two {
    font: 60px/60px "silverfakeregular", serif; }
    @media (max-width: 800px) {
      header .two {
        font-size: 36px;
        line-height: 36px; } }
  header .three {
    font: 27px "turnpikeregular", sans-serif; }
    header .three::after {
      border-top: 2px solid #000;
      border-radius: 10px 10px 0 0;
      content: '';
      display: block;
      height: 10px;
      margin-top: 24px;
      margin-left: auto;
      margin-right: auto;
      margin-bottom: 4rem;
      min-width: 100px;
      width: 25%; }

main {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -moz-box-wrap: wrap;
  -webkit-box-wrap: wrap;
  -webkit-flex-wrap: wrap;
  -ms-flexbox-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }
  main > * {
    -webkit-box-flex: 1 1 50%;
    -moz-box-flex: 1 1 50%;
    -webkit-flex: 1 1 50%;
    -ms-flex: 1 1 50%;
    flex: 1 1 50%;
    display: block;
    min-width: 400px;
    padding-left: .5em;
    padding-right: .5em; }
    @media (max-width: 800px) {
      main > * {
        min-width: 0;
        text-align: center; } }
  @media (max-width: 800px) {
    main {
      display: block;
      text-align: center; } }

h1 {
  -webkit-box-flex: 0 0 100%;
  -moz-box-flex: 0 0 100%;
  -webkit-flex: 0 0 100%;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  font: 36px "turnpikeregular", sans-serif;
  margin-top: 2em;
  margin-bottom: 0.5em;
  text-align: center; }
  h1 span {
    display: block;
    font-size: .5em; }

h2 {
  font-size: 1em;
  font-weight: normal;
  padding-right: .5em;
  text-align: right; }
  h2 + * {
    margin-bottom: 3em; }
  @media (max-width: 800px) {
    h2 {
      margin-bottom: 1em;
      text-align: center; } }

ul {
  list-style-type: none; }
  @media (max-width: 800px) {
    ul li {
      margin-bottom: .5em; } }

a {
  color: #34B575;
  text-decoration: none; }
  a:hover {
    color: #A3D2CC; }

input, textarea {
  border: 1px solid #000;
  font-size: 18px;
  font-family: "turnpikeregular", sans-serif;
  margin-bottom: 1em;
  padding: 6px;
  position: relative;
  top: -7px; }
  @media (max-width: 800px) {
    input, textarea {
      font-family: Helvetica, Arial, sans-serif;
      max-width: 400px;
      width: 100%; } }

textarea {
  height: 10em; }

.button-style {
  background: #34B575;
  cursor: pointer;
  font-size: 18px;
  font-family: "turnpikeregular", sans-serif; }
  .button-style:hover {
    background: #A3D2CC; }

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