@font-face {
  font-family: "Luckiest Guy";
  src: url("../fonts/LuckiestGuy-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "Poppins";
  src: url("../fonts/Poppins-Bold.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

.cont_titulo {
  text-align: center;
}

.titulos {
  font-size: 4rem;
  color: darkviolet;
}

h1,
h2 {
  font-family: "Luckiest Guy", cursive;
}

.pcuento {
  font-family: "Poppins";
  font-size: large;
}

.fondoCuento {
  background-color: rgba(255, 255, 255, 0.85);
}

body {
  /* Ruta relativa o completa a la imagen */
  background-image: url(../img/dib1.png);
  /* Centramos el fondo horizontal y verticalmente */
  background-position: center center;
  /* El fonde no se repite */
  background-repeat: no-repeat;
  /* Fijamos la imagen a la ventana para que no supere el alto de la ventana */
  background-attachment: fixed;
  /* El fonde se re-escala automáticamente */
  background-size: cover;
  /* Color de fondo si la imagen no se encuentra o mientras se está cargando */
  background-color: #fff;
  /* Fuente para el texto */
  text-align: center;
  color: #5a5a5a;
  font-family: "Times New Roman", Times, serif;
}