Paper Stack with box shadow (unsuccessful)

dabblet.css

/**
 * Paper Stack with box shadow (unsuccessful)
 */

*, *:before, *:after {
	-webkit-box-sizing: border-box;
}

.paper {
	width: 280px;
	height: 300px;
	margin: 190px auto 0;
	background: white;
	position: relative;
	padding: 40px;
	
	box-shadow: 0 0 2px 0 red,
				10px -20px 2px 0 #222,
				-10px 20px 2px 0 #888;
}

/* cosmetic stuff */

.paper p {
	font-family: Georgia, serif;
	font-style: italic;
	text-align: center;
	font-size: 2em;
	position: absolute;
	left: 50%;
	top: 40%;
	transform: translate(-50%, -50%);
}

dabblet.html

<div class="paper"><p>This is a single div</p></div>

dabblet.js

// alert('Hello world!');

settings.json

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