header, section {
  text-align: center
}
div > header {                                                 /* Requisito 1 */
  color: orange;
  /* navegadores sin soporte */
  background: black url(img/imagen_degradado.png) repeat-x;
  /* Safari 4-5, Chrome 1-9 */
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(white), to(black));
  /* Safari 5.1+, Chrome 10+ */
  background: -webkit-linear-gradient(top, black, white);
  /* Firefox 3.6+ */
  background: -moz-linear-gradient(top, black, white);
  /* Opera 11.10+ */
    background: -o-linear-background(top, black, white);
  /* IE 10 */
  background: -ms-linear-background(top, black, white);
  /* estándar */
  background: linear-background(top, black, white);
  font-family: Lobster,cursive;                                /* Requisito 2 */
}
.marco {
    background-color: white;
    padding: 10px;
    margin: 10px;
    border: 3px solid black;
}
.contenedor {
    /* Coloca cada bloque a la derecha del anterior salvo que no tenga espacio suficiente, en cuyo caso, pasa a la siguiente linea */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;

    /* Permite el salto por falta de ancho*/
    -webkit-flex-wrap: wrap;
    flex-wrap:wrap;
}
.marcoRedondeado { /* Requisito 7 */
  background-color: white;
  padding: 10px;
  margin: 10px;
  border-bottom-right-radius: 50px 30px;
}