.text{
	animation:appear 2s linear;
}
@keyframes appear{
	from{
		opacity:0;
		transform:scale(0.990);
	}
	to{
		opacity:1;
		transform:scale(1);
	}
	
}
.ani{
	animation:scr linear;
	animation-timeline: view();
    animation-range: entry 0% cover 40%;
}
@keyframes scr{
	from{
		opacity:0;
		transform:scale(2);
	}
	to{
		opacity:1;
		transform:scale(1);
	}
	
}
.text2{
	animation:scr linear;
	animation-timeline: view();
    animation-range: entry 0% cover 40%;
}
@keyframes scr{
	from{
		opacity:0;
		transform:scale(0.90);
	}
	to{
		opacity:1;
		transform:scale(1);
	}
	
}
.ani2{
	animation:roto 2s linear infinite;
}
@keyframes roto{
	from{
		transform:rotate(10deg);
	}
	50%{
		transform:rotate(-10deg);
	}
	to{
		transform:rotate(10deg);
	}
	
}