/* Base animations */
[data-animation] { opacity: 0; }
[data-animation][data-animated='1'] { opacity: 1; }

/* Slide in */
[data-animation='slideUp'] { transform: translateY(20vh); transition: opacity .5s ease, transform .75s ease; }
[data-animation='slideUp'][data-animated='1'] { transform: none; }

[data-animation='slideDown'] { transform: translateY(-20vh); transition: opacity .5s ease, transform .75s ease; }
[data-animation='slideDown'][data-animated='1'] { transform: none; }

[data-animation='slideLeft'] { transform: translateX(20vw); transition: opacity .5s ease, transform .75s ease; }
[data-animation='slideLeft'][data-animated='1'] { transform: none; }

[data-animation='slideRight'] { transform: translateX(-20vw); transition: opacity .5s ease, transform .75s ease; }
[data-animation='slideRight'][data-animated='1'] { transform: none; }



/* Fade (opacity handled in lines 2 & 3) */
[data-animation='fade'] { transition: opacity .75s ease; }





/* Icons drawing */
@keyframes dash {
	to {
		stroke-dashoffset: 0;
	}
}

/*.speedtest-home-icon svg path { stroke-dasharray: 1000; stroke-dashoffset: 1000; animation: dash 5s linear forwards; }*/





/* Misc. */
@keyframes bounce {
	0% { transform: translateY(-10px); }
	50% { transform: translateY(10px); }
	100% { transform: translateY(-10px); }
}