body {
		display: flex;
		justify-content: center;
		align-items: center;
		height: 100vh;
		background-color: black;
		font-family: Arial, sans-serif;
}

.glowy-text {
		font-size: 3rem;
		color: #fff;
		text-shadow: 0 0 10px #fff, 0 0 20px #fff, 0 0 30px #fff, 0 0 40px #fff;
		animation: glow 5s ease-in-out infinite;
}

@keyframes glow {
	0% {
		text-shadow: 0 0 10px red, 0 0 20px red, 0 0 30px red, 0 0 40px red;
	}
	12.5% {
		text-shadow: 0 0 10px orange, 0 0 20px orange, 0 0 30px orange, 0 0 40px orange;
	}
	25% {
		text-shadow: 0 0 10px yellow, 0 0 20px yellow, 0 0 30px yellow, 0 0 40px yellow;
	}
	37.5% {
		text-shadow: 0 0 10px green, 0 0 20px green, 0 0 30px green, 0 0 40px green;
	}
	50% {
		text-shadow: 0 0 10px blue, 0 0 20px blue, 0 0 30px blue, 0 0 40px blue;
	}
	62.5% {
		text-shadow: 0 0 10px indigo, 0 0 20px indigo, 0 0 30px indigo, 0 0 40px indigo;
	}
	75% {
		text-shadow: 0 0 10px violet, 0 0 20px violet, 0 0 30px violet, 0 0 40px violet;
	}
	87.5% {
		text-shadow: 0 0 10px red, 0 0 20px red, 0 0 30px red, 0 0 40px red;
	}
	100% {
		text-shadow: 0 0 10px red, 0 0 20px red, 0 0 30px red, 0 0 40px red;
	}
}