@charset "UTF-8";



.anim {
	opacity: 0;
	filter: brightness(20%) grayscale(40%);
	transition: all .5s ease-in-out;
}

.animtext {
	opacity: 0;
	transition: all .5s ease-in-out;
}

.anim.animshow {
	opacity: 1;
	filter: brightness(100%) grayscale(0%);
	transform: none;
}

.animtext.animshow {
	opacity: 1;
	transform: none;
}

.animlr {
	transform: translate(-40px, 0);
}

.animrl {
	transform: translate(40px, 0);
}

.animup {
	transform: translate(0, 40px);
}

.animdowm {
	transform: translate(0, -40px);
}

.animscaleup {
	transform: scale(.95);
}

.animlrscaledown {
	transform: scale(1.05);
}

.animrotatel {
	transform: rotate(180deg);
}

.animrotater {
	transform: rotate(-180deg);
}




.filter {
	position: absolute;
	backdrop-filter: brightness(0.6);
	/* backdrop-filter: saturate(70%); */
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}