form {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1em;
}
form label {
  display: block;
  margin-bottom: 0.25em;
}

.form-input {
  width: 100%;
}

textarea, input[type=text], input[type=email] {
  display: block;
  width: 100%;
  padding: 0.5em 1em;
  border: 0.1em solid transparent;
}
textarea.missing, input[type=text].missing, input[type=email].missing {
  border-color: var(--color-pink);
}
textarea:-webkit-autofill, textarea:-webkit-autofill:hover, textarea:-webkit-autofill:focus, textarea:-webkit-autofill:active, input[type=text]:-webkit-autofill, input[type=text]:-webkit-autofill:hover, input[type=text]:-webkit-autofill:focus, input[type=text]:-webkit-autofill:active, input[type=email]:-webkit-autofill, input[type=email]:-webkit-autofill:hover, input[type=email]:-webkit-autofill:focus, input[type=email]:-webkit-autofill:active {
  -webkit-transition: background-color 5000s ease-in-out 0s;
  transition: background-color 5000s ease-in-out 0s;
  box-shadow: inset 0 0 1000px 1000px #fff;
}

textarea {
  resize: vertical;
}

input[type=submit] {
  background-color: var(--color-pink);
  padding: 0.77em 1.5em;
  font-weight: 600;
  line-height: 1.3;
  color: #fff;
  margin-top: 0.77em;
}

#error-message {
  margin-top: 2em;
  color: var(--color-pink);
}/*# sourceMappingURL=form.css.map */