/* ================================================== */
/* ==================== Animation ==================== */
/* ================================================== */
#kv {
	opacity: 0.01;
	transform: unset;
	filter: blur(10px);
	transition: all 2s 0.5s ease;
}
#kv.active {
	transform: unset;
	filter: blur(0px);
	opacity: 1;
}

section {
	opacity: 0.01;
	transition: all 1s ease;
}

article > * {
	opacity: 0.01;
	transition: all 0.5s ease;
}


.active {
	opacity: 1;
}

@media (min-width: 900px) {
article > * {
	transition-delay: 1s;
}
.movie_btn {
	transition-delay: 1s;
}

}

@keyframes move_x{
	0%{
		opacity: 0;
		transform:translateX(1em);}
	100%{
		opacity: 1;
		transform:translateX(0);}
}
@keyframes move_y{
	0%{
		opacity: 0;
		transform:translateY(1em);}
	100%{
		opacity: 1;
		transform:translateY(0);}
}