main {
	position: relative;
	display: grid;
	place-items: center;
	width: 100%;
	background: url(../images/tunnel_clouds.webp) repeat center center fixed; 
	background-size: auto;
	overflow: hidden;
}
.flew {
	animation: flying 4s cubic-bezier(0.4, 0, 0.2, 1) forwards 10s;
	animation-iteration-count: 2; 
}
@keyframes flying {
	0% {
		transform: translate3d(0, 0, 0);
	}
	50% {
		transform: translate3d(500px, -500px, 300px); 
		opacity: 0;
	}
	 75% {
		transform: translate3d(-1500px, -400px, -400px); 
		opacity: 0;
	}
	100% {
		transform: translate3d(0, 0, 0);
		opacity: 1;
	}
}
@keyframes glow {
	0% { text-shadow: 0px 0px 5px yellow; }
	50% { text-shadow: 0px 0px 15px gold; }
	100% { text-shadow: 0px 0px 5px yellow; }
}

@keyframes gradientShift {
	0% {
		background-position: left top;
	}
	50% {
		background-position: right center;
	}
	100% {
		background-position: left bottom;
	}
}

.gradient-text {
	background: linear-gradient( yellow, orange, red, darkred);
	background-size: 200% 200%; /* Helps with transition */
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	animation: gradientShift 4s infinite alternate ease-in-out;
}
.gold-text, .sun-text {
		animation: gradientShift 120s infinite alternate ease-in-out;
}