@charset "utf-8";
/*
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
=-=-=-=- DESIGNED AND BUILT BY IAN BESLER =-=-=-=-
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
*/

/*
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
=-=-=-=- ANIMATION FADE-IN -=-=-=-=
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
*/

@keyframes animation-fade-in {
	0%		{opacity: 0;}
	100%	{opacity: 1;}
}

@keyframes animation-fade-in-5sec-fade-out {
	0%		{opacity: 0;transform: translateY(10%);}
	8%		{opacity: 1;transform: translateY(0);}
	80%		{opacity: 1;transform: translateY(0);}
	90%		{opacity: 0;transform: translateY(10%);}
	100%	{opacity: 0;transform: translateY(20%);}
}

figure {
	animation: animation-fade-in-5sec-fade-out 8.1s;
	animation-fill-mode: backwards;
}

figure:nth-child(2) {
	animation-delay: 0.1s;
	
}

figure:nth-child(3) {
	animation-delay: 0.2s;
	
}