/* Scroll reveal: content rises a little and lights up as it enters the viewport.
   The rules only apply under html.js, a class added by reveal.js, so a page
   without JavaScript stays whole. */
.js .reveal { opacity: 0; transform: translateY(18px); }
.js .reveal.is-in { opacity: 1; transform: none; }
@media (prefers-reduced-motion: no-preference) {
  .js .reveal {
    transition: opacity .55s cubic-bezier(.22,.61,.36,1) var(--reveal-delay, 0ms),
                transform .55s cubic-bezier(.22,.61,.36,1) var(--reveal-delay, 0ms);
  }
}
@media (prefers-reduced-motion: reduce) {
  .js .reveal { opacity: 1; transform: none; }
}