.pageTitle,
.logoPageTitle {
	-webkit-animation: titleReveal 0.5s ease-in-out 0.5s forwards,
		titleDance 4s ease-in-out 1s infinite alternate;
	animation: titleReveal 0.5s ease-in-out 0.5s forwards,
		titleDance 4s ease-in-out 1s infinite alternate;
}

.subTitleAccent::before {
	-webkit-animation: underline 0.5s ease-out 1s forwards;
	animation: underline 0.5s ease-out 1s forwards;
}

.underlineGO {
	-webkit-animation: underlineOnScroll 0.5s ease-out 0.25s forwards,
		headerBGDance 7s ease-in-out 0.75s infinite alternate;
	animation: underlineOnScroll 0.5s ease-out 0.25s forwards,
		headerBGDance 7s ease-in-out 0.75s infinite alternate;
}

.footerLogo {
	-webkit-animation: titleDance 4s ease-in-out 0.5s infinite alternate;
	animation: titleDance 4s ease-in-out 0.5s infinite alternate;
}

.underlineGO2 {
	-webkit-animation: underlineOnScroll2 2s ease-out 0.5s forwards;
	animation: underlineOnScroll2 2s ease-out 0.5s forwards;
}

@keyframes navLinkFade {
	from {
		opacity: 0;
		transform: translateX(50px);
	}
	to {
		opacity: 1;
		transform: translateX(0px);
	}
}

@keyframes heroPulse {
	from {
		transform: scale(1);
	}
	from {
		transform: scale(1.03);
	}
}

@keyframes titleReveal {
	0% {
		transform: translate(-2000px, 0);
	}

	100% {
		transform: translate(0, 0);
	}
}

@keyframes underline {
	from {
		width: 0;
	}

	to {
		width: 235px;
	}
}
@keyframes underlineOnScroll {
	from {
		width: 0;
	}

	to {
		width: clamp(200px, 80vw, 400px);
	}
}
@keyframes underlineOnScroll2 {
	from {
		width: 0;
	}

	to {
		width: 1500px;
	}
}

@keyframes titleDance {
	0% {
		transform: rotate(0deg) translate(0, 0);
	}
	33% {
		transform: rotate(0.25deg) translate(4px, 0);
	}
	66% {
		transform: rotate(-0.25deg) translate(-4px, 0);
	}
	100% {
		transform: rotate(0deg) translate(0, 0);
	}
}

@keyframes headerBGDance {
	0% {
		transform: rotate(0deg) translate(0, -5px);
	}
	33% {
		transform: rotate(0.25deg) translate(4px, -5px);
	}
	66% {
		transform: rotate(-0.25deg) translate(-4px, -5px);
	}
	100% {
		transform: rotate(0deg) translate(0, -5px);
	}
}