The first commented line is your dabblet’s title

dabblet.css

/**
 * The first commented line is your dabblet’s title
 */
body{
background-image: linear-gradient(bottom, rgb(242,243,250) 0%, rgb(186,199,209) 100%);
background-image: -o-linear-gradient(bottom, rgb(242,243,250) 0%, rgb(186,199,209) 100%);
background-image: -moz-linear-gradient(bottom, rgb(242,243,250) 0%, rgb(186,199,209) 100%);
background-image: -webkit-linear-gradient(bottom, rgb(242,243,250) 0%, rgb(186,199,209) 100%);
background-image: -ms-linear-gradient(bottom, rgb(242,243,250) 0%, rgb(186,199,209) 100%);

background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0, rgb(242,243,250)),
	color-stop(1, rgb(186,199,209))
);
}
.cloud{
	width:120px;
	height:40px;
	background:#fff;
	display:block;
	border-radius:30px;
	position:relative;
	margin:50% auto;
}
.cloud::after, .cloud:before{
	content:'';
	position:absolute;
	width:40px;
	height:40px;
	background:#fff;
	display:block;
	border-radius:100%;

}


.cloud::after{
	width:60px;
	height:60px;
	left:40px;
	top:-35px;
}

dabblet.html

<i class="cloud"></i>

settings.json

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