@import url("mclibre-pie.css");

/* Paginas web HTML y hojas de estilo CSS   */
/* Bartolome Sintes Marco                   */
/* https://www.mclibre.org                  */
/*                                          */
/* CSS ejercicio: Citas de G. K. Chesterton */
/*                                          */
/* 3 de octubre de 2022                     */
/*                                          */

body {
  margin: 10px 10%;
  background-color: hwb(15 40% 40%);
  font-family: sans-serif;
  font-size: 1.5rem;
  text-align: justify;
}

header {
  padding: 0 10px;
  background-color: hwb(15 50% 40%);
}

h1 {
  margin: 0;
  font-size: 4rem;
  text-align: center;
}

main {
  display: block;
  border: white 2px solid;
  padding: 10px;
}

section {
  padding-bottom: 5px;
  background-color: hwb(15 60% 30%)
}

section + section {
  margin-top: 40px;
}

h2 {
  margin: 0;
  padding-left: 10px;
  background-color: white;
}

section p {
  border: hwb(15 15% 75%)10px solid;
  margin: 20px 10%;
  padding: 10px;
  color: white;
  line-height: 200%;
}

footer {
  border-top: black 5px solid;
  margin: 20px 0;
  padding: 0 10px;
  background-color: hwb(15 50% 40%);
  font-size: 1.2rem;
}