@font-face{
  font-family: "Janson_Text_LT_56_Italic.ttf";
  src: url("Janson_Text_LT_56_Italic.ttf") format('truetype');
}


/* Fuente del body y backgraund*/
body {
  font-family: "Janson_Text_LT_56_Italic.ttf";
  src: url("Janson_Text_LT_56_Italic.ttf") format('truetype');
  font-size: 1.5em;
  background-color: #ffe4c4 }

/* formato de la cabecera*/

nav {
  display: flex;
  flex-direction: row;
  background: linear-gradient(to bottom right, yellow, red, purple);
  width: auto;
}

.cabecera {
  display: flex;
  word-spacing: 2%;
  margin-left: 3%;
  margin-right: 1%;
  flex-direction: row;
  align-items: center;
  text-align: center;
  color: black; 
  font-size: 200%;
  justify-content: space-around;
    min-width: 62%;
}

.cabecera2 {
  display: flex;
  word-spacing: 2%;
  margin-left: -5%;
  margin-right: 5%;
  flex-direction: row;
  align-items: center;
  text-align: center;
  color: black; 
  font-size: 200%;
  justify-content: space-around;

}
/* formato de la imagen de la cabecera*/
.img4 {
  max-width: 23%;
  min-width: 100px;
  position: center;
  float: center;
  display:block;
  margin:auto;
}

/* colocación de los figcaptions*/
figcaption {
  text-align: center;
}

/* formato y colocación de imagen 1*/
.img1 {
  width: 30%;
  display: block;
  position:static;
  overflow: auto;
  margin-right: 10px;
  float: left;
  margin-top: 0;
}

/* margen y formato de cada texto*/
article {
  margin: 0 auto;
  width: 97%;
  text-align: justify;
  text-indent: 2em;
    
}
p {
  margin-top: 1em;
  margin-bottom: -1.2em;

}

/* formato y colocación de las imágenes*/
.imagen2 {
  width: 25%;
  position: center;
  float: center;
  display:block;
  margin:auto;

}
.imagen3 {
  width: 21%;
  position: center;
  float: center;
  display:block;
  margin:auto;
}

.imagen5 {
  width: 150px;
  float: left;
  margin-right: 10px;
  display:block;
}

.imagen6 {
  width: 150px;
  float: right;
  margin-left: 10px;
  display:block;
  
}

.parte1 {
	text-align: justify;
    margin: 0 auto;
    width: 50%;
}
.parte2 {
	text-align: justify;
	margin: 0 auto;
	width: 50%;
}
/* lineas separadoras*/
hr {
  border-left: thin dotted;
  object-position: center;
  margin: 1%;
  margin-top: -2%;
}
/* margen del apartado personajes pag2*/
.personajes {
  margin-bottom: 5%;
  margin-top: 5%;
  margin-left: 1%;
  margin-right: 1%;
  font-size: 150%;

}

/* margen del apartado entorno pag2*/
.entorno {
  margin-top: 5%;
  margin-left: 1%;
  margin-right: 1%;
  font-size: 150%;
}
/* colocación del section*/
section {
  display: flex;
  justify-content: space-around;
  margin-left: 5%;
  margin-right: 5%;
  font-size: 150%;
  margin-bottom: 4%;
}

section.section2 {
 display: flex;
 justify-content: space-around;
 margin: 0 auto;
 font-size: 150%;

}


/* formato del formulario*/
address {
  margin-top: 1em;
  padding-top: 1em;
  border-top: thin dotted }

/* espaciado del formulario*/
label {
  float: left;
  min-width: 20%;
}
/* formato del formulario*/
input {
  box-shadow: 0 0 9px gray;
  border-radius: 10px; 

}
/* borde del formulario*/
textarea {
  box-shadow: 0 0 9px gray;
  border-radius: 10px; 
}
/*colocación del formulario*/
div {
  text-align: center;
}
/*fondo del footer*/
footer {
  background: linear-gradient(to bottom right, purple, red, yellow);
}
/* tamaño de la foto del footer*/
.licencia {
  width: 20%;
  
}