[data-inviewport]{transition:2s;transition-delay:100ms}[data-inviewport][data-delay="1"]{transition-delay:250ms}[data-inviewport][data-delay="2"]{transition-delay:500ms}[data-inviewport][data-delay="3"]{transition-delay:750ms}[data-inviewport][data-delay="4"]{transition-delay:1000ms}[data-inviewport][data-delay="5"]{transition-delay:1250ms}[data-inviewport][data-delay="6"]{transition-delay:1500ms}[data-inviewport][data-delay="7"]{transition-delay:1750ms}[data-inviewport][data-delay="8"]{transition-delay:2000ms}[data-inviewport][data-delay="9"]{transition-delay:2500ms}[data-inviewport][data-delay="10"]{transition-delay:3000ms}[data-inviewport^="fade-in"]{opacity:0}[data-inviewport^="fade-in"].is-inViewport{opacity:1}[data-inviewport$="-up"],[data-inviewport$="-down"],[data-inviewport$="-left"],[data-inviewport$="-right"]{position:relative}[data-inviewport$="-up"]{top:50px}[data-inviewport$="-down"]{top:-50px}[data-inviewport$="-up"].is-inViewport,[data-inviewport$="-down"].is-inViewport{top:0}[data-inviewport$="-left"]{left:50px}[data-inviewport$="-right"]{left:-50px}[data-inviewport$="-left"].is-inViewport,[data-inviewport$="-right"].is-inViewport{left:0}