@charset "UTF-8";

[data-animation]{opacity:0;}
[data-animation].animation_default{animation:animation_default ease 0.3s;animation-fill-mode:forwards;}
[data-animation].animation_top_relative{animation:animation_top_relative ease 0.3s;animation-fill-mode:forwards;}
[data-animation].animation_bottom_relative{animation:animation_bottom_relative ease 0.3s;animation-fill-mode:forwards;}
[data-animation].animation_left_relative{animation:animation_left_relative ease 0.3s;animation-fill-mode:forwards;}
[data-animation].animation_right_relative{animation:animation_right_relative ease 0.3s;animation-fill-mode:forwards;}
@keyframes animation_default{
	0%{opacity:0;}
	100%{opacity:1;}
}

@keyframes animation_top_relative{
	0%{top:50px;opacity:0;}
	100%{top:0;opacity:1;}
}

@keyframes animation_bottom_relative{
	0%{top:-50px;opacity:0;}
	100%{top:0;opacity:1;}
}

@keyframes animation_left_relative{
	0%{right:-80px;opacity:0;}
	100%{right:0;opacity:1;}
}

@keyframes animation_right_relative{
	0%{left:-80px;opacity:0;}
	100%{left:0;opacity:1;}
}