body {
  color: #2e2e2e;
  background-color: #f6f4f1;
}

h1 {
  font-family: Cambria, Cochin, Georgia, Times, "Times New Roman", serif;
  font-weight: 800;
  font-size: 36;
  line-height: 1.5;
}

/* header {
  margin-bottom: 30px;
} */

form {
  padding: 20px;
  background-color: #a7b7a1;
  border-radius: 5px;
  display: flex;
  box-shadow: 0px 20px 60px rgba(65, 50, 100, 0.08);
}

a {
  color: #8c6a5d;
}

a:visited {
  color: #a7b7a1;
}

footer {
  text-align: left;
  font-size: 14px;
  margin-top: 50px;
}

.container {
  margin: 120px auto;
  max-width: 600px;
}

.input-text {
  width: 80%;
  padding: 16px;
  font-size: 16px;
  border: 1px solid #f6f4f1;
  border-radius: 5px;
  line-height: 20px;
  color: #2e2e2e;
  background-color: #f6f4f1;
  font-family: "Gill Sans", "Gill Sans MT", Calibri, "Trebuchet MS", sans-serif;
}

.input-text::placeholder {
  color: #2e2e2e;
  font-family: "Gill Sans", "Gill Sans MT", Calibri, "Trebuchet MS", sans-serif;
}

.input-button {
  margin-left: 10px;
  border: none;
  border-radius: 5px;
  width: 15%;
  font-size: 16px;
  font-family: "Gill Sans", "Gill Sans MT", Calibri, "Trebuchet MS", sans-serif;
  color: #f6f4f1;
  background-color: #5f7f63;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
}

.poem {
  margin-top: 50px;
  font-size: 16px;
  line-height: 1.5;
  padding: 20px;
  /* border-left: 2px solid #a7b7a1; */
  /* border: 2px inset #a7b7a1;
  border-radius: 5px; */
  border-left: 4px double #a7b7a1;
  box-shadow: 0px 4px 30px 0px rgba(39, 33, 66, 0.03);
}

/* Background: #F6F4F1 (warm off-white)
Primary text: #2E2E2E (charcoal)
Accent: #8C6A5D (muted brown / sepia)
Secondary accent: #A7B7A1 (sage green) */