Thành viên:Nguyenhai314/Nguyenhai314-11/styles.css

.container {
	position: relative;
	overflow: hidden;
	height: 100vh;
	margin: 0;
	display: flex;
	align-items: center;
	background: linear-gradient(-45deg, #ffed99, #f6b8b8, #ac66cc, #3b14a7);
	background-size: 400% 400%;
	animation: gradient 15s ease infinite;
}

.fly {
	position: absolute;
	font-size: 10rem;
	margin: auto;
	animation: fly 15s linear infinite;
}

@keyframes gradient {
	0% {
		background-position: 0% 50%;
	}
	50% {
		background-position: 100% 50%;
	}
	100% {
		background-position: 0% 50%;
	}
}

@keyframes fly {
	0% {
		right: 100%;
		transform: rotate(-10deg);
	}
	50% {
		right: 50%;
		transform: rotate(0deg);
	}
	100% {
		right: 0;
		transform: rotate(10deg);
	}
}