@charset "utf-8";


@media print, (prefers-reduced-motion: reduce) {
	html {
		scroll-behavior: auto !important;
	}

	*,
	*::before,
	*::after {
		animation-delay: 0s !important;
		animation-duration: 0.001s !important;
		animation-iteration-count: 1 !important;
		transition-duration: 0.001s !important;
	}
}

.no_animations {
	scroll-behavior: auto !important;
}

.no_animations *,
.no_animations *::before,
.no_animations *::after {
	animation-delay: 0s !important;
	animation-duration: 0.001s !important;
	animation-iteration-count: 1 !important;
	transition-duration: 0.001s !important;
}

@keyframes animateMe__none{
	from{
		perspective: initial;
	}
	

	to{
		perspective: initial;
	}
}

@keyframes animateMe__scale{
	from{
		scale: var(--scaleFrom,1);
	}
	
	to{
		scale: var(--scaleTo,2);
	}
}

@keyframes animateMe__opacity{
	from{
		opacity: var(--opacityFrom,1);
	}

	to{
		opacity: var(--opacityTo,0);
	}
}

@keyframes animateMe__rotate{
	0%{
		rotate: var(--rotateFrom,0deg);
	}
	
	100% {
		rotate: var(--rotateTo,30deg);
	}
}

@keyframes animateMe__translate{
	0%{
		translate: var(--translateXFrom,0) var(--translateYFrom,0);
	}
	
	100% {
		translate: var(--translateXTo,30%) var(--translateYTo,30%);
	}
}

@keyframes animateMe__bouncing{
      0%,25% {
        transform:
			translateY(var(--translateYFrom,0))
			rotate(var(--rotateFrom,0deg))
			scale(var(--scaleFrom,1));
      }
      40% {
        transform:
			translateY(var(--translateYFrom,0))
			rotate(var(--rotateFrom,0deg))
			scale(var(--scaleFrom,1));
      }
      60% {
        transform: 
			translateY(calc( var(--translateYTo,15%) * 1.2))
			rotate(var(--rotateTo,-6deg))
			scale(calc( var(--scaleTo,1.1) / 1.2 ));
      }
      80% {
        transform: 
			translateY(calc( var(--translateYTo,15%) * -2))
			rotate(var(--rotateTo,6deg))
			scale(calc( var(--scaleTo,1.1) * 1.05 ));
      }
	  
      100% {
        transform: 
			translateY(var(--translateYFrom,0)) 
			rotate(var(--rotateFrom,0deg)) 
			scale(var(--scaleFrom,1));
      }
}

@keyframes animateMe__spinZ{
	0%,
	100% {
		transform: scaleX(1);
	}

	50% {
		transform: scaleX(0.18);
	}
}

:root{
	--animation1-name: animateMe__none;
	--animation2-name: animateMe__none;
	--animation3-name: animateMe__none;
	--animation4-name: animateMe__none;
	
	--animation1-duration: 1s;
	--animation2-duration: 1s;
	--animation3-duration: 1s;
	--animation4-duration: 1s;
	
	--animation1-repeat: infinite;
	--animation2-repeat: infinite;
	--animation3-repeat: infinite;
	--animation4-repeat: infinite;
	
	--animation1-delay: 0s;
	--animation2-delay: 0s;
	--animation3-delay: 0s;
	--animation4-delay: 0s;
	
	--animation1-timing_function: ease-in-out;
	--animation2-timing_function: ease-in-out;
	--animation3-timing_function: ease-in-out;
	--animation4-timing_function: ease-in-out;
	
	--animation1-direction: alternate;
	--animation2-direction: alternate;
	--animation3-direction: alternate;
	--animation4-direction: alternate;
	
	--animation1-fill_mode: both;
	--animation2-fill_mode: both;
	--animation3-fill_mode: both;
	--animation4-fill_mode: both;
	
	--animation1-play_state: paused;
	--animation2-play_state: paused;
	--animation3-play_state: paused;
	--animation4-play_state: paused;	
}

.animate_me {	
	backface-visibility: hidden;
	transform: translateZ(0);
	will-change: transform, opacity;

	animation: 
		var(--animation1-name)
		var(--animation1-duration)
		var(--animation1-timing_function)
		var(--animation1-delay)
		var(--animation1-repeat)
		var(--animation1-direction)
		var(--animation1-fill_mode)
		var(--animation1-play_state),
		
		var(--animation2-name)
		var(--animation2-duration)
		var(--animation2-timing_function)
		var(--animation2-delay)
		var(--animation2-repeat)
		var(--animation2-direction)
		var(--animation2-fill_mode)
		var(--animation2-play_state),
		
		var(--animation3-name)
		var(--animation3-duration)
		var(--animation3-timing_function)
		var(--animation3-delay)
		var(--animation3-repeat)
		var(--animation3-direction)
		var(--animation3-fill_mode)
		var(--animation3-play_state),
		
		var(--animation4-name)
		var(--animation4-duration)
		var(--animation4-timing_function)
		var(--animation4-delay)
		var(--animation4-repeat)
		var(--animation4-direction)
		var(--animation4-fill_mode)
		var(--animation4-play_state);
}

span.animate_me,
strong.animate_me,
del.animate_me,
ins.animate_me,
mark.animate_me,
a.animate_me,
code.animate_me,
img.animate_me,
label.animate_me,
i.animate_me{
	display: inline-block;
}


.animate_me.animateWhenItVisible{
	--animation1-play_state: paused;	
	--animation2-play_state: paused;	
	--animation3-play_state: paused;	
	--animation4-play_state: paused;	
}

.animate_me.animateWhenItVisible.isVisible{
	--animation1-play_state: running;	
	--animation2-play_state: running;	
	--animation3-play_state: running;	
	--animation4-play_state: running;	
}

.animate_me.loop{
	--animation1-direction: alternate !important;
	--animation2-direction: alternate !important;
	--animation3-direction: alternate !important;
	--animation4-direction: alternate !important;
}

.animate_me.stopped,
.animate_me.paused{
	--animation1-play_state: paused !important;
	--animation2-play_state: paused !important;	
	--animation3-play_state: paused !important;	
	--animation4-play_state: paused !important;	
}
.animate_me.play,
.animate_me.running{
	--animation1-play_state: running !important;
	--animation2-play_state: running !important;	
	--animation3-play_state: running !important;	
	--animation4-play_state: running !important;	
}

.animate_me.animation1-scale{
	--animation1-name: animateMe__scale;
	will-change: transform;
}
.animate_me.animation2-scale{
	--animation2-name: animateMe__scale;
	will-change: transform;
}
.animate_me.animation3-scale{
	--animation3-name: animateMe__scale;
	will-change: transform;
}
.animate_me.animation4-scale{
	--animation4-name: animateMe__scale;
	will-change: transform;
}

.animate_me.animation1-translate{
	--animation1-name: animateMe__translate;
	will-change: transform;
}
.animate_me.animation2-translate{
	--animation2-name: animateMe__translate;
	will-change: transform;
}
.animate_me.animation3-translate{
	--animation3-name: animateMe__translate;
	will-change: transform;
}
.animate_me.animation4-translate{
	--animation4-name: animateMe__translate;
	will-change: transform;
}

.animate_me.animation1-rotate{
	--animation1-name: animateMe__rotate;
	will-change: transform;
}
.animate_me.animation2-rotate{
	--animation2-name: animateMe__rotate;
	will-change: transform;
}
.animate_me.animation3-rotate{
	--animation3-name: animateMe__rotate;
	will-change: transform;
}
.animate_me.animation4-rotate{
	--animation4-name: animateMe__rotate;
	will-change: transform;
}

.animate_me.animation1-opacity{
	--animation1-name: animateMe__opacity;
	will-change: opacity;
}
.animate_me.animation2-opacity{
	--animation2-name: animateMe__opacity;
	will-change: opacity;
}
.animate_me.animation3-opacity{
	--animation3-name: animateMe__opacity;
	will-change: opacity;
}
.animate_me.animation4-opacity{
	--animation4-name: animateMe__opacity;
	will-change: opacity;
}

.animate_me.animation1-bouncing{
	--animation1-name: animateMe__bouncing;
	will-change: transform;
}
.animate_me.animation2-bouncing{
	--animation2-name: animateMe__bouncing;
	will-change: transform;
}
.animate_me.animation3-bouncing{
	--animation3-name: animateMe__bouncing;
	will-change: transform;
}
.animate_me.animation4-bouncing{
	--animation4-name: animateMe__bouncing;
	will-change: transform;
}


.animate_me.animation1-repeat-infinite{
	--animation1-repeat: infinite;
}
.animate_me.animation1-repeat-1{
	--animation1-repeat: 1;
}
.animate_me.animation2-repeat-infinite{
	--animation2-repeat: infinite;
}
.animate_me.animation3-repeat-infinite{
	--animation3-repeat: infinite;
}
.animate_me.animation4-repeat-infinite{
	--animation4-repeat: infinite;
}

.animate_me.animation1-play_state-running{
	--animation1-play_state: running;
}
.animate_me.animation2-play_state-running{
	--animation2-play_state: running;
}
.animate_me.animation3-play_state-running{
	--animation3-play_state: running;
}
.animate_me.animation4-play_state-running{
	--animation4-play_state: running;
}

.animate_me.animation1-duration-slowest{
	--animation1-duration: 10s;
}
.animate_me.animation1-duration-slower{
	--animation1-duration: 7s;
}
.animate_me.animation1-duration-slow{
	--animation1-duration: 5s;
}
.animate_me.animation1-duration-normal{
	--animation1-duration: 3s;
}
.animate_me.animation1-duration-fast{
	--animation1-duration: 2s;
}
.animate_me.animation1-duration-faster{
	--animation1-duration: 1s;
}
.animate_me.animation1-duration-fastest{
	--animation1-duration: 0.5s;
}
.animate_me.animation1-duration-01s{
	--animation1-duration: 0.1s;
}
.animate_me.animation1-duration-02s{
	--animation1-duration: 0.2s;
}
.animate_me.animation1-duration-03s{
	--animation1-duration: 0.3s;
}
.animate_me.animation1-duration-04s{
	--animation1-duration: 0.4s;
}



.animate_me.animation2-duration-slowest{
	--animation2-duration: 10s;
}
.animate_me.animation2-duration-slower{
	--animation2-duration: 7s;
}
.animate_me.animation2-duration-slow{
	--animation2-duration: 5s;
}
.animate_me.animation2-duration-normal{
	--animation2-duration: 3s;
}
.animate_me.animation2-duration-fast{
	--animation2-duration: 2s;
}
.animate_me.animation2-duration-faster{
	--animation2-duration: 1s;
}
.animate_me.animation2-duration-fastest{
	--animation2-duration: 0.5s;
}
.animate_me.animation2-duration-01s{
	--animation2-duration: 0.1s;
}
.animate_me.animation2-duration-02s{
	--animation2-duration: 0.2s;
}
.animate_me.animation2-duration-03s{
	--animation2-duration: 0.3s;
}
.animate_me.animation2-duration-04s{
	--animation2-duration: 0.4s;
}



.animate_me.animation3-duration-slowest{
	--animation3-duration: 10s;
}
.animate_me.animation3-duration-slower{
	--animation3-duration: 7s;
}
.animate_me.animation3-duration-slow{
	--animation3-duration: 5s;
}
.animate_me.animation3-duration-normal{
	--animation3-duration: 3s;
}
.animate_me.animation3-duration-fast{
	--animation3-duration: 2s;
}
.animate_me.animation3-duration-faster{
	--animation3-duration: 1s;
}
.animate_me.animation3-duration-fastest{
	--animation3-duration: 0.5s;
}
.animate_me.animation3-duration-01s{
	--animation3-duration: 0.1s;
}
.animate_me.animation3-duration-02s{
	--animation3-duration: 0.2s;
}
.animate_me.animation3-duration-03s{
	--animation3-duration: 0.3s;
}
.animate_me.animation3-duration-04s{
	--animation3-duration: 0.4s;
}




.animate_me.animation4-duration-slowest{
	--animation4-duration: 10s;
}
.animate_me.animation4-duration-slower{
	--animation4-duration: 7s;
}
.animate_me.animation4-duration-slow{
	--animation4-duration: 5s;
}
.animate_me.animation4-duration-normal{
	--animation4-duration: 3s;
}
.animate_me.animation4-duration-fast{
	--animation4-duration: 2s;
}
.animate_me.animation4-duration-faster{
	--animation4-duration: 1s;
}
.animate_me.animation4-duration-fastest{
	--animation4-duration: 0.5s;
}
.animate_me.animation4-duration-01s{
	--animation4-duration: 0.1s;
}
.animate_me.animation4-duration-02s{
	--animation4-duration: 0.2s;
}
.animate_me.animation4-duration-03s{
	--animation4-duration: 0.3s;
}
.animate_me.animation4-duration-04s{
	--animation4-duration: 0.4s;
}




.animate_me.animation1-delay-none,
.animate_me.animation1-delay-0s,
.animate_me.animation1-delay-0{
	--animation1-delay: 0s;
}
.animate_me.animation1-delay-1s{
	--animation1-delay: 1s;
}
.animate_me.animation1-delay-2s{
	--animation1-delay: 2s;
}
.animate_me.animation1-delay-3s{
	--animation1-delay: 3s;
}
.animate_me.animation1-delay-4s{
	--animation1-delay: 4s;
}
.animate_me.animation1-delay-5s{
	--animation1-delay: 5s;
}

.animate_me.animation2-delay-none,
.animate_me.animation2-delay-0s,
.animate_me.animation2-delay-0{
	--animation2-delay: 0s;
}
.animate_me.animation2-delay-1s{
	--animation2-delay: 1s;
}
.animate_me.animation2-delay-2s{
	--animation2-delay: 2s;
}
.animate_me.animation2-delay-3s{
	--animation2-delay: 3s;
}
.animate_me.animation2-delay-4s{
	--animation2-delay: 4s;
}
.animate_me.animation2-delay-5s{
	--animation2-delay: 5s;
}

.animate_me.animation3-delay-none,
.animate_me.animation3-delay-0s,
.animate_me.animation3-delay-0{
	--animation3-delay: 0s;
}
.animate_me.animation3-delay-1s{
	--animation3-delay: 1s;
}
.animate_me.animation3-delay-2s{
	--animation3-delay: 2s;
}
.animate_me.animation3-delay-3s{
	--animation3-delay: 3s;
}
.animate_me.animation3-delay-4s{
	--animation3-delay: 4s;
}
.animate_me.animation3-delay-5s{
	--animation3-delay: 5s;
}

.animate_me.animation4-delay-none,
.animate_me.animation4-delay-0s,
.animate_me.animation4-delay-0{
	--animation4-delay: 0s;
}
.animate_me.animation4-delay-1s{
	--animation4-delay: 1s;
}
.animate_me.animation4-delay-2s{
	--animation4-delay: 2s;
}
.animate_me.animation4-delay-3s{
	--animation4-delay: 3s;
}
.animate_me.animation4-delay-4s{
	--animation4-delay: 4s;
}
.animate_me.animation4-delay-5s{
	--animation4-delay: 5s;
}


.animate_me.rpgBoxFloating{
	--animation1-name: animateMe__translate;
	
	--translateXTo: calc( var(--translateXFrom) + 2px );
	--translateYTo: calc( var(--translateYFrom) - 5px );
	
	--animation1-direction: alternate;
}

.animate_me.rpgBox2Floating{
	--animation1-name: animateMe__translate;

	--translateXTo: calc( var(--translateXFrom) - 2px );
	--translateYTo: calc( var(--translateYFrom) + 5px );

	--animation1-direction: alternate;
}