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

/* Paginas web HTML y hojas de estilo CSS   */
/* Bartolome Sintes Marco                   */
/* https://www.mclibre.org                  */
/*                                          */
/* CSS ejercicio: Londres                   */
/*                                          */
/* 1 de octubre de 2022                     */
/*                                          */

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

h1 {
  margin: 0;
  color: hwb(175 0% 70%);
  font-size: 3rem;
  text-align: center;
}

nav {
  font-weight: bold;
  text-align:center;
}

a {
  color: hwb(175 0% 70%);
}

a:visited {
  color: hwb(20 0% 10%);
}

section {
  clear: both;
  overflow: auto;
  margin: 40px;
  padding: 30px 40px;
  background-color: white;
}

section.uno {
  border: hwb(20 0% 10%) 20px solid;
}

section.dos {
  border: hwb(35 20% 0%) 20px solid;
}

h2 {
  margin-top: 0;
}

img {
  padding: 20px;
  margin-bottom: 20px;
}

section.uno img {
  float: left;
  margin-right: 20px;
  border: hwb(20 0% 10%) 20px solid;
  background-color: hwb(35 20% 0%);
}

section.dos img {
  float: right;
  margin-left: 20px;
  border: hwb(35 20% 0%) 20px solid;
  background-color: hwb(20 0% 10%);
}