The first commented line is your dabblet’s title

dabblet.css

/**
 * The first commented line is your dabblet’s title
 */

body {
	display:flex;
	margin:0;
	padding:0;
	height:100vh;
	align-items:center;
	justify-content:center;
	font-size:12px;
}

i {
	width:1em;
	height:1em;
	color:#3fb9a4;
	background-color:#fff1f1;
	box-shadow:-6em 0 #d7e6e1,-5em 0,-5em -1em,-5em -2em,-5em -3em #03a38b,-4em -4em,-3em -5em,-2em -5em #05af95,-1em -5em,0 -5em,
			1em -5em,2em -5em #05af95,3em -5em,4em -4em,5em -3em #03a38b,5em -2em,5em -1em,5em 0,6em 0 #d7e6e1,
			-2em -6em,-2em -7em,-2em -8em #91c7ba,-1em -6em,-1em -7em,-1em -8em,
			2em -6em,2em -7em,2em -8em,1em -6em,1em -7em #38ae98,1em -8em #abd0c8,
			
			-1em -4em #033,0 -4em #033,1em -4em #033,
			-2.63em -1.2em 0 2px #044,2.5em -1.2em 0 2px #044,
			-1em 1em #c80203,0 1em #c80203,1em 1em #c80203,0 2em #c80203,
			
			-5em 1em,-5em 2em,-5em 3em #03a38b,-4em 4em,-3em 4em,-2em 4em,-1em 4em,0 4em #03a38b,
			5em 1em,5em 2em,5em 3em #03a38b,4em 4em,3em 4em,2em 4em,1em 4em,
			-1em 5em,-1em 6em,0 5em,1em 5em,1em 6em,
			-3.7em 1.3em 0 .3em #fcc,3.7em 1.3em 0 .3em #fcc,
			0 0 0 4em #fff1f1;
}

dabblet.html

<i></i>

dabblet.js

// alert('Hello world!');

settings.json

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