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

.encabezado{
  margin: 37.5% -8.3px 0 -8.3px;
  background:black
  }
  
  .contenido{
   background:black;
   margin: 50px 200px 50px 200px;
   border: 4px solid #ccc;
   font-family: "Candara"
  }
  
h1 {
  font-size: 70px;
  text-align: center;
  color:white;
  font-family: "Mistral";
  margin-bottom: 12px;
  padding-top:12px;
  letter-spacing:7px;
}
h2{
font-size: 18px;
font-family: "Candara";
background: #D1CCCB;
 padding: 15px 0 15px 0;
 text-align: center;
 color:black;
 word-spacing:175px
}
h3{
text-align: center;
 font-family: candara;
 font-size: 35px;
 color:white;
 padding: 25px 0 12px 0;
    background: url("/Imágenes/Sylveon.gif") no-repeat;
    background-origin: border-box;
 background-position: 56% center;
 background-size:4%
}
p{
 font-size: 20px;
 color: white;
 line-height:2.5;
 padding: 40px 50px 40px 200px;
 text-align: left;
 font-family: "Candara";
 font-weight: bold
}
a{
 color: #FCBBF0
}
a.navigation{
 color:black;
 text-decoration:none
}
a.navigation:hover{
 color: #FCBBF0
}
span{
 white-space: nowrap 
}
  @media (orientation: portrait) {
    body{
  background: url("/Imágenes/Fondo-Post.jpeg") no-repeat;
 background-attachment: fixed;
 background-size: 100%
}
      .encabezado{
 margin-top:-47px
}
.contenido{
   background:black;
   border: 4px solid #ccc;
   font-family: "Candara";
   width: fit-content;
   margin: 50px auto 50px auto;
   max-width: 90%
}
p{
 padding: 0 50px 25px 50px; 
}
   h3{
    background-origin: border-box;
 background-position: 60% center;
 background-size:6%;
 padding:25px 0 0 0
   }   
  }