* { box-sizing: border-box; }
body {
  align-items: center;
  background: #f3f0e8;
  color: #202522;
  display: flex;
  font-family: Georgia, serif;
  justify-content: center;
  margin: 0;
  min-height: 100vh;
}
.login-panel {
  background: #fffdf8;
  border: 1px solid #d8d0c2;
  max-width: 28rem;
  padding: 2.5rem;
  width: calc(100% - 2rem);
}
h1 { margin-top: 0; }
label, input, button { display: block; width: 100%; }
input, button { font: inherit; margin-top: .5rem; padding: .7rem; }
label { margin-top: 1rem; }
button { background: #1c5b4f; border: 0; color: white; cursor: pointer; }
.error { color: #a32222; }
.success { color: #1c5b4f; }