.title-box-bg-post{
  background: url("/img/background/bg_keyboard_1.jpg") no-repeat center
  center/cover;
filter: drop-shadow(0 0 1rem var(--clr-dark-o50)) brightness(20%)
  saturate(30%);
}

.post h1,
.post h2,
.post h3,
.post h4 {
  margin-top: 1.5em;
}

.post a {
  color: var(--clr-accent);
}

.post a:hover,
.post a:focus {
  color: var(--clr-accent_dimmed);
  border-color: var(--clr-accent_dimmed);
}

.post ul {
  padding-left: 1rem;
}

.post figure {
  margin: 2rem auto;
}

.post figcaption {
  text-align: center;
  font-size: 90%;
  margin-top: 0.5rem;
}


.post-img { min-width: 300px; }
.post-img-10pc { max-width: 10%; }
.post-img-20pc { max-width: 20%; }
.post-img-30pc { max-width: 30%; }
.post-img-40pc { max-width: 40%; }
.post-img-50pc { max-width: 50%; }
.post-img-60pc { max-width: 60%; }
.post-img-70pc { max-width: 70%; }
.post-img-80pc { max-width: 80%; }
.post-img-90pc { max-width: 90%; }
.post-img-100pc { max-width: 100%; }