Сделать объемную надпись

dabblet.css

/*
	Сделать объемную надпись
	http://clck.ru/d/wF6GyFCC14CDp
*/

html, body {
	margin: 0;
	padding: 0;
	height: 100%;	
	width: 100%;
}

.hollywood
{
	font: bold small-caps 120px Helvetica;
	letter-spacing: 0.08em;
	background: green;
	height: 100%;
	margin: 0;
	padding-top: 20%;
}

.hollywood span:nth-child(2n)
{
	top: 0.1em;
}

.hollywood span:nth-child(3n)
{
	top: 0.05em;
}

.hollywood span
{
	color: orange;
	display: inline-block;
	position: relative;
	text-shadow:0px 0px 0 rgb(234,136,-11),1px 1px 0 rgb(223,125,-22),2px 2px 0 rgb(212,114,-33),3px 3px 0 rgb(202,104,-43),4px 4px 0 rgb(191,93,-54),5px 5px 0 rgb(180,82,-65),6px 6px 0 rgb(169,71,-76),7px 7px 0 rgb(158,60,-87), 8px 8px 0 rgb(147,49,-98),9px 9px 8px rgba(0,0,0,0.6),9px 9px 1px rgba(0,0,0,0.5),0px 0px 8px rgba(0,0,0,.2);}
}

dabblet.html

    <p class="hollywood">
        <span>h</span><span>o</span><span>l</span><span>l</span><span>y</span><span>w</span><span>o</span><span>o</span><span>d</span>
    </p>

settings.json

{"view":"split-vertical","fontsize":"100","seethrough":"","prefixfree":"1","page":"all"}