@charset "UTF-8";

h1 {
  padding: 0 var(--size-s);
  background: var(--color-hp-yellow);
}
h2 {
  padding: 0 var(--size-s);
  background: var(--color-hp-yellow-l1);
  font-size: var(--size-l);
}
form fieldset {
  padding: var(--size-s) var(--size-s);
}

.password-recovery {
  margin: var(--size-s) 0 0;
}

@media only screen and (min-width: 640px) {
  section {
    display:grid;
    grid-template-columns: 1fr 1fr;
  }
  section form:nth-of-type(1) {
    border-right: var(--size-4xs) solid var(--color-dark);
  }
}