@keyframes logoappear {
	0% {opacity: 0;}
	100% {opacity: 1;}
}
@keyframes bottom-in {
	entry 0%  {transform: translateY(50%);}
	entry 100%  {transform: translateY(0);}
	exit 0%  {transform: translateY(0);}
	exit 100%  {transform: translateY(-50%);}
}
@keyframes bottom-in-special {
	entry 0%  {transform: translateY(50%);}
	entry 10%  {transform: translateY(0);}
}
@keyframes left-in {
	entry 0%  {transform: translateX(-50%);}
	entry 100%  {transform: translateX(0);}
}
@keyframes right-in {
	entry 0%  {transform: translateX(50%);}
	entry 100%  {transform: translateX(0);}
}
@keyframes fade-in {
	entry 0%  {opacity: 0;}
	entry 100%  {opacity: 1;}
}
@keyframes arrow {
	0% {bottom: 2vh;}
	50% {bottom: 2.5vh}
	100% {bottom: 2vh;}
}
@keyframes modalIn {
	0% {opacity: 0;top: 100vh;}
	100% {opacity: 1;top: 0vh;}
}
@keyframes bright {
	0% {opacity: 0;}
	30% {opacity: 0;}
	50% {opacity: 0.5;}
	80% {opacity: 0;}
}
@keyframes dance {
	0% {line-height: 40vh;}
	33.3% {line-height: 30vh;}
	66.6% {line-height: 30vh;}
	100% {line-height: 40vh;}
}

/* Welcome box animations large screen*/
@keyframes move {
	to {transform: translateX(calc(-100% + 100vw));}
}

/* paralax img */
@keyframes adjust-image {
	0% {object-position: 100% 0;}
	100% {object-position: 0 0;}
}

/* scroll position */
@keyframes scroll-pos {
	0% {width: 0;}
	100% {width: 100vw;}
}