Space invadors - 1 element

dabblet.css

/**
 * Space invadors - 1 element	
 */
@keyframes invador { 0%, 49.99%, 100% { box-shadow:0 0 0 1em red, 0 1em 0 1em red, -2.5em 1.5em 0 .5em red, 2.5em 1.5em 0 .5em red, -3em -3em 0 0 red, 3em -3em 0 0 red, -2em -2em 0 0 red, 2em -2em 0 0 red, -3em -1em 0 0 red, -2em -1em 0 0 red, 2em -1em 0 0 red, 3em -1em 0 0 red, -4em 0 0 0 red, -3em 0 0 0 red, 3em 0 0 0 red, 4em 0 0 0 red, -5em 1em 0 0 red, -4em 1em 0 0 red, 4em 1em 0 0 red, 5em 1em 0 0 red, -5em 2em 0 0 red, 5em 2em 0 0 red, -5em 3em 0 0 red, -3em 3em 0 0 red, 3em 3em 0 0 red, 5em 3em 0 0 red, -2em 4em 0 0 red, -1em 4em 0 0 red, 1em 4em 0 0 red, 2em 4em 0 0 red; } 50%, 99.99% { box-shadow:0 0 0 1em red, 0 1em 0 1em red, -2.5em 1.5em 0 .5em red, 2.5em 1.5em 0 .5em red, -3em -3em 0 0 red, 3em -3em 0 0 red, -2em -2em 0 0 red, 2em -2em 0 0 red, -3em -1em 0 0 red, -2em -1em 0 0 red, 2em -1em 0 0 red, 3em -1em 0 0 red, -4em 0em 0 0 red, -3em 0 0 0 red, 3em 0 0 0 red, 4em 0 0 0 red, -5em -2em 0 0 red, -4em 1em 0 0 red, 4em 1em 0 0 red, 5em -2em 0 0 red, -5em -1em 0 0 red, 5em -1em 0 0 red, -5em 0em 0 0 red, -3em 3em 0 0 red, 3em 3em 0 0 red, 5em 0em 0 0 red, -4em 4em 0 0 red, 4em 4em 0 0 red; }  }
#spaceInvador {
	animation: invador 1s linear 0s infinite;
	background: red;
	height: 1em;
	font-size: 10px;
	margin: 3em 5em 4em;
	overflow: hidden;
	text-indent: 100%;
	width: 1em;

}

dabblet.html

<div id="spaceInvador"></div>

settings.json

{"view":"separate","fontsize":"100","seethrough":"","prefixfree":"1","page":"all"}