body {
  font-family: Lexend !important;
  background-color: rgb(44, 44, 44) !important;
  color: rgb(211, 211, 211) !important;
  letter-spacing: 0.16rem;
  line-height: 1.8rem;
}

.title {
  text-transform: uppercase;
  font-size: 2rem;
}

.introduction {
  margin-top: 1rem;
  font-size: 1.2rem;
  line-height: 1.6rem;
}

.building-site{
  position: absolute;
  bottom: 3.94rem;
}

/* Extra pequeño (móviles pequeños) */
@media (max-width: 479px) {
  body{
    margin: 0.12em;
    padding: 2em 0.5em 0.5em 2em;
  }
  .post-content-example{
    margin-bottom: 3.4rem;
  }
}

/* Pequeño (smartphones) */
@media (min-width: 480px) and (max-width: 767px) {
  body{
    margin: 0.12em;
    padding: 2em 0.5em 0.5em 2em;
  }
  .post-content-example{
    margin-bottom: 3.4rem;
  }
}

/* Mediano (tablets) */
@media (min-width: 768px) and (max-width: 991px) {
  body{
    margin: 0.16em;
    padding: 2em 0.5em 0.5em 2em;
  }
}

/* Grande (laptops) */
@media (min-width: 992px) and (max-width: 1199px) {
  body{
    margin: 0.32em;
    padding: 4em 1em 1em 4em ;
  }
}

/* Extra grande (monitores grandes) */
@media (min-width: 1200px) and (max-width: 1399px) {
  body{
    margin: 0.32em;
    padding: 4em 1em 1em 4em ;
  }
}

/* Ultra grande (pantallas muy grandes) */
@media (min-width: 1400px) {
  body{
    margin: 0.32em;
    padding: 4em 1em 1em 4em ;
  }
}