/* CSS Document */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

body {
  background-color: #129c6e;
}

form {
  display: grid;
  grid-template-columns: [labels] 2fr [controls] 1fr;
  grid-auto-flow: row;
  grid-gap: 0.8em 0.5em;
  margin: 10px auto;
  background: #f5f5dc;
  padding: 1.2em;
  width: 36em;
  border: 6px outset #90cfba;
  font-family: "Gill Sans", "Gill Sans MT", Calibri, "Trebuchet MS", sans-serif;
}

form > label,
form > fieldset {
  grid-column: labels;
  grid-row: auto;
}

form > input,
form > select,
form > textarea,
form > button {
  grid-column: labels;
  grid-row: auto;
  padding: 0.4em;
  background-color: #cff5e8;
}

form > fieldset {
  grid-column: span 4;
}

form > button {
  background: #519943;
  color: #ffffff;
}

form > textarea {
  min-height: 3em;
  background-color: #cff5e8;
}

input[name~=name] {
  font-family: "Dancing Script", cursive;
  font-size: medium;
}

h1, legend {
  font-family: "Dancing Script", cursive;
  font-size: xx-large;
}/*# sourceMappingURL=grid-form.css.map */