form {
  margin: 2em auto;
  width: 100%;
}

@media only screen and (min-width:600px) {
  form { width: 50%; margin-left: 6.25%; margin-right: 0; }
}

form * {
  font-family: 'Muli', sans-serif;
    font-weight: 400;
}

form input,
form textarea {
  font-size: 0.9rem;

  width: 100%;
  padding: 0.5em;
  margin-bottom: 0.5em;

  display: block;
  background-color: var(--txt-clr);
  border-style: hidden;
  border-radius: 0.5em;
}

form textarea {
  height: 8rem;
}

form label {
  color: var(--hghlt-one);
  font-size: 0.75em;

  display: block;
  margin-left: 0.25em;
  margin-bottom: 0.25em;
}


form button {
  color: var(--txt-clr);
  background-color: inherit;

  border-style: solid;
  border-color: var(--hghlt-one);
  border-radius: 0.75em;
}

form button[type="submit"] {
  font-size: 1.2rem;

  padding: 0.5em 1em;
  margin-top: 1.5em;
}

form button:active {
  background-color: var(--hghlt-one);
  color: var(--obj-clr);
  border-color: var(--obj-clr);
}