body {
  background: #e6e4e2;
  font-family: "Playfair Display", sans-serif;
  font-size: 18px;
  color: #000000;
  margin: 0px;
  padding: 0px;
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
}

.container {
  width: 100%;
  max-width: 400px;
  margin: 0px 15px;
}

label {
  display: block;
  margin-bottom: 0.3em;
}

input[type=text], button {
  font-family: "Playfair Display", sans-serif;
  background: #FFF;
  color: #000000;
  border: 1px solid #aba49e;
  font-size: 24px;
  display: block;
  width: 100%;
  padding: 5px 10px;
  box-sizing: border-box;
  border-radius: 5px 0px 0px 5px;
  border-right: 0px;
  outline: none;
}
input[type=text]:disabled, button:disabled {
  color: #666666;
}

.invalid {
  margin-top: 5px;
  color: #8b0000;
}

button {
  background: #455a4d;
  color: #FFF;
  border-radius: 0px 5px 5px 0px;
  border-left: 0px;
  width: 50px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: 150ms;
}
button:hover {
  background: #5b7766;
}

.input-line {
  display: flex;
}

@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Playfair Display";
  font-style: normal;
  font-weight: 400;
  src: url(/static/font/playfair-display-v37-latin-regular.woff2) format("woff2");
}
/* playfair-display-500 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Playfair Display";
  font-style: normal;
  font-weight: 500;
  src: url(/static/font/playfair-display-v37-latin-500.woff2) format("woff2");
}
/* playfair-display-500italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Playfair Display";
  font-style: italic;
  font-weight: 500;
  src: url(/static/font/playfair-display-v37-latin-500italic.woff2) format("woff2");
}
/* playfair-display-800 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Playfair Display";
  font-style: normal;
  font-weight: 800;
  src: url(/static/font/playfair-display-v37-latin-800.woff2) format("woff2");
}

/*# sourceMappingURL=prompt.css.map */