/**
 * The first commented line is your dabblet’s title
 */
main{
	transition: .6s filter;
	background: white;
}
main.de-emphasized{
	-webkit-filter: blur(5px);
	filter:blur(5px);
	/*background: linear-gradient(45deg, #f06, yellow);*/
}
dialog{
	position: fixed;	top: 50%; left: 50%;	z-index: 1;	width: 10em;	padding: 2em;	margin: -5em;	border: 1px solid silver;	border-radius: .5em;	box-shadow: 0 .2em .5em rgba(0,0,0,.5),	            0 0 0 100vmax rgba(0,0,0,.2);
}
dialog:not([open]) {	display: none;}
body {	font: 150%/1.6 Baskerville, Palatino, serif;}