@charset "UTF-8";
/* CSS Animate */

/*████████████████ ◢ STEP 1 ◣ ███████████████*/
/*████████████████ ◢ STEP 1 ◣ ███████████████*/

.fadeIn{
	opacity: 1;
	transition: 1s ease;
}
.slideIn{
	opacity: 1;
	transform: translate(0px);
	transition: 1s ease;
}
.fadeOut{
	opacity: 0;
	transition: 1s ease;
}

.girapecaIn{
	transform: rotateY(0deg)translateZ(5px);
	transition: .7s ease;
	filter: brightness(1);
}
.girapecaOut{
	transform: rotateY(-120deg)translateZ(5px);
	transition: .7s ease-in;
	filter: brightness(.2);
}
.rollingtime{
	animation:rollingtime 5s linear infinite;
}

@keyframes rollingtime{
	0%{transform: rotate(0deg)scaleX(1);}
	100%{transform: rotate(360deg)scaleX(1);}
}


/*████████████████ ◢ FIM ◣ ███████████████*/
/*▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓ ◢ FIM ◣ ▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓*/