@font-face {
font-family: "Akira Expanded Demo";
src: url("Akira Expanded Demo.ttf");
}
@font-face {
font-family: "Louis George Cafe Bold";
src: url("Louis George Cafe Bold.ttf");
}
@font-face {
font-family: "Louis George Cafe Bold Italic";
src: url("Louis George Cafe Bold Italic.ttf");
}
@font-face {
font-family: "Mango Salsa Personal Use";
src: url("Mango Salsa - Personal Use.ttf");
}
body{
  background-image: url(../img/fondowtp.jpg);
}
body, h1,ul,li{
  margin: 0;
  padding: 0;
}

h1{
  font-size: 60px;
  font-family: "Mango Salsa Personal Use";
}
h4, h3{
font-family: "Akira Expanded Demo";
}
h3{
  color: black;
  text-decoration: underline;

}
p, figcaption{
font-family: "Louis George Cafe Bold";
}
li{
font-family: "Louis George Cafe Bold Italic";
}

figure{
  margin: 20px;
  display: inline-block;
}

.contenedor{
  background-color: #ff8243;
  margin: auto ;
  width: 80%;
}

.titulo{
  background-color: #c65314;
  color: white;
  text-align: center;
}

.menudenavegacion{
  color: white;
  background-color: #ffae6a;
  position: sticky;
  top: 0;
  text-align: center;
}
.menudenavegacion li{
  display: inline-block;
  padding:  15px;
}

.menudenavegacion li:hover{
  background-color: #e26a2c;
}
.menudenavegacion a{
  color: white;
  text-decoration: none;
}
.cuerpo{
  padding: 20px;
  color: white;
}
.wattpad a{
  color: white;
}
.contenedordeautoras{
  display: flex;
  flex-wrap: wrap;

  }
.contenedordeautoras .tarjeta{
  width: 350px;
  margin: 5px;
  background-color: #e26a2c;
  padding: 5px;
}