.contact__icon {
  font-size: 30px;
  color: #CB4451;
}
.contact__field {
  border: 1px solid #aaa;
  padding: 0.6em 1em;
  border-radius: 4px;
  outline: none;
  box-shadow: 0 0 0 #4B759A;
  font: inherit;
  font-size: 16px;
  transition: all 0.3s;
}
.contact__field:focus {
  border-color: #4B759A;
  box-shadow: 0 0 8px #4B759A;
}
.contact__field--error {
  border: 1px solid #a00;
}
.contact__field--error:focus {
  border-color: #a00;
  box-shadow: 0 0 8px rgba(170, 0, 0, 0.4);
}
.contact__field--body {
  resize: vertical;
  height: 10em;
}
.contact__error {
  font-size: 14px;
  color: #a00;
  text-align: right;
  overflow: hidden;
  max-height: 0;
  transition: all 0.3s;
}
.contact__error--show {
  max-height: 2em;
}

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