/* article-fade.css | b-ramos.de
   Fade-in per element as it enters the viewport.
   Requires article-fade.js (footer) which adds .is-visible via IntersectionObserver. */

.gh-content > p,
.gh-content > h2,
.gh-content > h3,
.gh-content > h4,
.gh-content > ul,
.gh-content > ol,
.gh-content > blockquote,
.gh-content > figure,
.gh-content > div,
.gh-content > hr {
  opacity: 0;
  translate: 0 1.25rem;
  transition: opacity 0.6s ease, translate 0.6s ease;
}

.gh-content > *.is-visible {
  opacity: 1;
  translate: 0 0;
}