Crimson

dabblet.css

/**
 * Crimson
 */
* {
margin: 0;
padding: 0;}

body {
background: #FF2F30;}
h4 {
font: 2em 'lamplighterscript';
text-align:center;
color:rgba(102, 6, 14, .7);
}
h3 {
font:4em 'Jenna Sue';
text-align:center;
color:#C50010;
margin-top: 1em;
margin-bottom: -1.5em;
text-shadow: 1px 1px 0px red;
}
.logo{
color: #66060D;
margin: .1em;
text-align: center;
font: 30em 'CheapPine';
}	
ul{ 
text-align: center;
margin-top: -4em;
}
li {
font:bold 5em/2em Cubano;
text-align:center;
color: #F2ECD5;
border-bottom: .1em dashed brown;
display: inline;
vertical-align: middle;
margin:5;
width: 100%;
height: 100%;
}
#i {
margin-left: -.12em;}

#f {
margin-left: -.18em;}

dabblet.html

<h3>The name's<h3>
<h1 class='logo'>SAIF</h1>
<ul>
	<li>Who?</li><br>
	<li>What has he made?</li><br>
	<li>Does he have a blog?</li><br>
	<li>Can I contact him?</li>
</ul>
	

settings.json

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