@font-face {
font-family:'fuente';
  src: url('fuente.woff2') format('woff2'),
       url('fuente.woff') format('woff'),
       url('fuente.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
  }

body {
  background-color: Cornsilk;
  font-family:'fuente';
}
p {
  background-color: white;
  border-collapse: collapse;
  width: 80%;
  height: 10%;
  color: black;
  border: 5px solid #494949;
  margin-top: 1%;
  padding: 15px;
  text-align: left;

}

h1 {
  background-color: white;
  border-collapse: collapse;
  
  width: 90%;
  height: 10%;
  color: black;
  border: 5px solid #494949;
  margin-top: 0%;
  padding: 15px;

}

h2 {
  background-color: white;
  border-collapse: collapse;
  width: 60%;
  height: 10%;
  color: black;
  border: 5px solid #494949;
  margin-top: 3%;
  padding: 15px;

}
pre {
  background-color: Cornsilk;;
  border-collapse: collapse;
  width: 80%;
  height: 10%;
  color: black;
  border: 5px solid #494949;
  margin-top: 1%;
  padding: 15px;
  text-align: left;
  opacity:1;
  }

img {
height: 300px;
border: 3px solid #494949;
}
.post {
  white-space: pre-line;
  line-height: 1.6; /* mejora la legibilidad */
    background-color: Cornsilk;
  border-collapse: collapse;
  width: 80%;
  /*border: 5px solid #494949; */
  margin-top: 1%;
  padding: 15px;
  text-align: left;
}
.lista-chica {
  font-size: 1px;
  margin: 0;
  padding-left: 1px;
}
.lista-chica li {
  margin-bottom: 4px;
}