/* inViewport */

[data-inviewport="slide-from-right"] { transition: 1s; opacity:  0.25; transform: translateX(30px); }
[data-inviewport="slide-from-right"].is-inViewport { opacity:  1; transform: translateX(0); }
[data-inviewport="slide-from-left"] { transition: 1s; opacity:  0.25; transform: translateX(-30px); }
[data-inviewport="slide-from-left"].is-inViewport { opacity:  1; transform: translateX(0); }
[data-inviewport="fade-in"] { transition: 1s; opacity:  0.25; }
[data-inviewport="fade-in"].is-inViewport { opacity:  1; }