/* -------------------------------
   S E C T I O N  :  C O N T A C T
   ------------------------------- */

section#contact {
  font-size: 1.5rem;
}

section#contact .background {
  background-color: #f0f0f0;
}

section#contact .grid div {
  padding: 0;
}

section#contact .grid input {
  display: block;
  width: 70%;
  border: 1px solid #403a3a;
  padding: 10px;
  margin: 10px auto;
  border-radius: .5rem;
}

section#contact .grid textarea {
  display: block;
  width: 70%;
  height: 211px;
  border: 1px solid #403a3a;
  padding: 10px;
  margin: 10px auto;
  border-radius: .5rem;
}

section#contact .grid button {
  margin: 10px auto;
}

section#contact .grid div#hint {
  display: none;
  width: 60%;
  margin: 10px auto;
  text-align: center;
  white-space: nowrap;
  padding: 20px 40px;
  font-weight: 700;
  font-size: 20px;
  background-color: lawngreen;
  border: 3px solid white;
  border-radius: .5rem;
  color: white;
}

section#contact .grid div#hint.bad {
  background-color: red;
  border: 3px solid white;
}