The first commented line is your dabblet’s title

dabblet.css

/**
 * The first commented line is your dabblet’s title
 */
@import url(http://fonts.googleapis.com/css?family=Lilita+One|Quicksand:700|Passion+One);

body {
	background: #0AF;
	background-image: -webkit-repeating-radial-gradient( hsla(200,100%,80%,.8) 0px, hsla(200,100%,80%,.5) 4px, hsla(200,100%,80%,0) 50px), -webkit-repeating-radial-gradient( hsla(260,100%, 0%, 0) 0px, hsla(260,100%,50%,.1) 2px, hsla(260,100%, 0%,0) 10px);
	background-size: 40px 40px;
	background-position: 50% 50%;
	box-sizing: padding-box;
	color: #fff;
	padding: 100px;
}
::selection {
	background: red;
}
h1 {	
	font: 64px "Quicksand";
	text-transform: lowercase;
	text-shadow: 0 1px 1px rgba(0,0,0,0.3);
}
input {
	background: transparent;
	border: 2px solid #fff;
	border-radius: 5px;
	box-shadow: 0 1px 0 rgba(0,0,0,0.3), 0 1px 0 rgba(0,0,0,0.3) inset;
	color: #fff;
	font: bold 24px Helvetica;
	padding: 5px;
	text-shadow: 0 1px 1px rgba(0,0,0,0.3);
}
	
	

dabblet.html

<header>
  <h1>Eruption</h1>
  <input>
</header>

settings.json

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