body {
  margin-left: 1.5%;
  margin-right: 1.5%;
  background-color: hsl(230, 10%, 50%);
  color: hsl(230, 10%, 10%);
  border-color: hsl(230, 10%, 15%);
}

hr {
  border-style: solid;
  border-width: thin;
}

header {
  background-color: hsl(230, 10%, 90%);

  border-style: solid;
  border-width: thin;

  border-radius: 5px;
  margin: 2px;
  padding: 5px;
  text-align: center;
}

footer {
  background-color: hsl(230, 10%, 90%);

  border-style: solid;
  border-width: thin;

  border-radius: 5px;
  margin: 2px;
  padding: 5px;
  text-align: center;
}

article {
  background-color: hsl(230, 10%, 90%);
  border-style: solid;
  border-width: thin;
  border-radius: 5px;
  margin: 2px;
  padding: 10px;
}

p {
  margin-left: 7px;
}

#generated-text {
  font-size: 150%;
}