[x-cloak] {
	display: none !important;
}

.float-animation {
	animation: float 10s ease-in-out infinite;
}

@keyframes float {
	0% {
		transform: translateY(0px);
	}
	50% {
		transform: translateY(80px);
	}
	100% {
		transform: translateY(0px);
	}
}

.glow-animation {
	animation: glow 3s ease-in-out infinite;
}

@keyframes glow {
	0% {
		text-shadow: 0 0 5px rgba(56, 189, 248, 0.5);
	}
	50% {
		text-shadow: 0 0 20px rgba(56, 189, 248, 0.8);
	}
	100% {
		text-shadow: 0 0 5px rgba(56, 189, 248, 0.5);
	}
}

.menu-slide-enter {
	transform: translateX(-100%);
	transition: transform 0.3s ease-out;
}

.menu-slide-enter.show {
	transform: translateX(0);
}

@keyframes fadeInOut {
	0%, 20% {
		opacity: 0;
	}
	30%, 70% {
		opacity: 1;
	}
	80%, 100% {
		opacity: 0;
	}
}

@keyframes fadeOutIn {
	0%, 20% {
		opacity: 1;
	}
	30%, 70% {
		opacity: 0;
	}
	80%, 100% {
		opacity: 1;
	}
}

.animate-fade-in-out {
	animation: fadeInOut 20s ease-in-out infinite;
}

.animate-fade-out-in {
	animation: fadeOutIn 20s ease-in-out infinite;
}

@keyframes fadeInOut2 {
	0%, 20% {
		opacity: 0;
	}
	40%, 60% {
		opacity: 1;
	}
	80%, 100% {
		opacity: 0;
	}
}

@keyframes fadeOutIn2 {
	0%, 20% {
		opacity: 1;
	}
	40%, 60% {
		opacity: 0;
	}
	80%, 100% {
		opacity: 1;
	}
}
.animate-fade-in-out2 {
	animation: fadeInOut2 5s ease-in-out infinite;
}

.animate-fade-out-in2 {
	animation: fadeOutIn2 5s ease-in-out infinite;
}