CSS animation - glowing black box

dabblet.css

/**
 * CSS animation - glowing black box
 */
@keyframes rainbow {
	from, to { box-shadow: 0 0 15px 0 red }
	16% { box-shadow: 0 0 15px 0  yellow }
	32% { box-shadow: 0 0 15px 0  green }
	48% { box-shadow: 0 0 15px 0  aqua }
	64% { box-shadow: 0 0 15px 0  blue }
	80% { box-shadow: 0 0 15px 0  fuchsia }
}

body {
	color: white;
	background-color: black;
	
}

div {
	position: absolute;
	top: 50px;
	left: 100px;
	padding: 20px;
	width: 240px;
	height: 80px;
	animation: rainbow 3s infinite;
}

dabblet.html

<div>Hello!</div>

settings.json

{"view":"split","fontsize":"70","seethrough":"","prefixfree":"1","page":"css"}