html {
  font-size: 16px;
}

body {
  background-color: rgb(255,255,255);
  margin: 2rem 5%;

  font-family: "Open Sans", helvetica, arial, sans-serif;
  font-weight: normal;
}

.wrapper {
  max-width: 450px;
  margin: auto;
}

header {
  text-align: center;
}



img {
  max-width: 100%;
  height: auto;
}



.blurb {
  font-size: 1.5rem;
  margin-top: 2rem;
}

form {
  margin-top: 2rem;
}


label {
  font-size: .85rem;
  font-weight: bold;
}

label, input, textarea, button {
  display: block;
  width: 100%;
}

button {
  font-size: 3rem;
}

button:hover{
  background-color: hotpink;
}

button:focus {
  outline-color: hotpink;
}


input, textarea {
  margin-bottom: 1rem;
}

textarea {
  min-height: 8em;
}


.thankyou {
  font-size: 4rem;

  font-weight: normal;
  text-align: center;
  line-height: 1;
}