body {
 background: url("/Imágenes/hauntología.jpg") no-repeat;
 background-attachment: fixed;
 background-size: 100%
}

.encabezado{
  margin: 38.5% -8.3px 0 -8.3px;
  background:black
  }
  
  .contenido{
   background:black;
   border: 4px solid #ccc;
   font-family: "Candara";
   margin: 50px 300px 50px 300px;
  }
  
  .contenidopoema{
   background:black;
   border: 4px solid #ccc;
   font-family: "Candara";width: fit-content;
   margin: 50px auto 50px auto;
  padding: 0 0 0 0
  }
  
h1 {
  font-size: 70px;
  text-align: center;
  color:white;
  font-family: "Mistral";
  margin: 0 0 0 0;
  padding-top:1%;
  letter-spacing:7px;
  background: black
}
h2{
font-size: 18px;
background: #D1CCCB;
 padding: 15px 0 15px 0;
 text-align: center;
 color:black;
 word-spacing:175px;
 margin:0 0 0 0;
 
}
h3{
 text-align: center;
 font-family: "Vivaldi";
 font-size: 27px;
 padding: 19px 0 12px 0;
    background: url("/Imágenes/Sylveon.gif") no-repeat;
 background-position:56% 100%;
 background-size:4%
}

.poema{
 text-align:center;
  font-size: 18px;
  line-height:2; 
  }

p{
  text-align:justify;
  font-size: 18px;
  line-height:2;
    Background-color:black;
    color:white;
  padding: 0 50px 0 50px;
  font-family: "candara";
}

img{
  display: block;
  margin:0 auto;
  max-width: 75%;
  background: black
}
a{
 color: #FCBBF0
}
a.navigation{
 color:black;
 text-decoration:none
}
a.navigation:hover{
 color: #FCBBF0
}

.dedicatoria {
  text-align: right;
  margin-left: 400px
 }
 
 .italic {
  font-style: italic;
  text-align: center
 }
  
@media (orientation: portrait) { body{
  background: url("/Imágenes/Fondo-Post.jpeg") no-repeat;
 background-attachment: fixed;
 background-size: 100%
}
.encabezado{
 margin-top:-5px
}
.contenido{
  font-size: 20px;
  margin-left: 15%;
  margin-right: 15% 
}

.dedicatoria {
  text-align: right;
  margin-left: 200px
 }

}