Untitled

dabblet.css

body {
font-family: 'Crete Round', serif;
background: #111;
background-image: url("http://subtlepatterns.com/patterns/woven.png");
min-height: 100%;
}

#cntr {
  top: 20%;
  left: 25%;
  width: 50%;
  position: fixed;
  display: block;
  content: " "
  align: 
  vertical-align: middle;
}

#cntr p:before {
  content: "";
  color: hsla(0,0%,100%,.1);
}

#cntr p {
  letter-spacing: -.2rem;
  text-shadow: 	0 -2px 8px hsla(0,0%,0%,.1),
  		0 1px 1px hsla(0,0%,100%,.0),
  		0 -1px 0 hsla(0,0%,0%,.2);
  transform: rotate(2deg);
  font-size: 4rem;
  text-align: center;
  color: hsla(43,0%,28%,.61);
}


#cntr p span {
  font-size: 4rem;
  text-align: center;
  color: hsla(43,93%,57%,1);
}

dabblet.html

<link href='http://fonts.googleapis.com/css?family=Crete+Round' rel='stylesheet' type='text/css'>
<div id="cntr">
  <p><span>iamsebastian</span>.net</p>
</div>

settings.json

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