/* ----------------------------------------------
* Generated by Animista on 2025-2-3
* Licensed under FreeBSD License.
* See http://animista.net/license for more info. 
* w: http://animista.net, t: @cssanimista
* ---------------------------------------------- */

/* ----- fade-in animations ----- */
/* fade-in no delay */
.anim-fade-in-1 {
	-webkit-animation: anim-fade-in-1 0.6s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
	animation: anim-fade-in-1 0.6s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
}
@-webkit-keyframes anim-fade-in-1 {
	0% {
		-webkit-transform: translateY(50px);
		transform: translateY(50px);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
		opacity: 1;
	}
}
@keyframes anim-fade-in-1 {
	0% {
		-webkit-transform: translateY(50px);
		transform: translateY(50px);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
		opacity: 1;
	}
}

/* fade-in delay 1 */
.anim-fade-in-2 {
	-webkit-animation: anim-fade-in-2 0.6s cubic-bezier(0.390, 0.575, 0.565, 1.000) 0.25s both;
	animation: anim-fade-in-2 0.6s cubic-bezier(0.390, 0.575, 0.565, 1.000) 0.25s both;
}
@-webkit-keyframes anim-fade-in-2 {
	0% {
		-webkit-transform: translateY(50px);
		transform: translateY(50px);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
		opacity: 1;
	}
}
@keyframes anim-fade-in-2 {
	0% {
		-webkit-transform: translateY(50px);
		transform: translateY(50px);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
		opacity: 1;
	}
}

/* fade-in delay 2 */
.anim-fade-in-3 {
	-webkit-animation: anim-fade-in-3 0.6s cubic-bezier(0.390, 0.575, 0.565, 1.000) 0.50s both;
	animation: anim-fade-in-3 0.6s cubic-bezier(0.390, 0.575, 0.565, 1.000) 0.50s both;
}
@-webkit-keyframes anim-fade-in-3 {
	0% {
		-webkit-transform: translateY(50px);
		transform: translateY(50px);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
		opacity: 1;
	}
}
@keyframes anim-fade-in-3 {
	0% {
		-webkit-transform: translateY(50px);
		transform: translateY(50px);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
		opacity: 1;
	}
}


/* ----------------------------------------------
* https://ianlunn.github.io/Hover/
* ---------------------------------------------- */

/* float */
#back-to-top-btn {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-property: transform;
	transition-property: transform;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
}

#back-to-top-btn:hover,
#back-to-top-btn:focus,
#back-to-top-btn:active {
	-webkit-transform: translateY(-8px);
	transform: translateY(-8px);
}