sa1f/dabblet.css

## dabblet.css
/**
 * Hopefully My site
 Just so you know, fonts haven't been embedded so you can't
 really see the beauty of the thing. Unless you have them in
 stalled
 */
body {
background: #e8e8e8;
}
header #logo {
color: #990100;
text-align: center;
font:19em Ostrich Sans dashed,Lamplighter Marquee;
}

#links {
margin: auto 100px;
margin-top:-150px;
text-align: center;

 }
#links a {
font:4em Ostrich Sans dashed, dLamplighter;background: #990100;
text-decoration: none;
color: #e8e8e8;
display:block;
padding: 5px;
}

#links a:hover {
background: #B90504;
color: #e8e8e8;
-webkit-transition: all 1s ease;


}
::selection {
color:red;
 }
* {
}


@media only screen and (min-width: 600px) {
#logo{
}
}


## dabblet.html
<!-- content to be placed inside <body>…</body> -->
<body>
<header>
	<h1 id='logo'>Saif Sajid </h1>
</header>
<div id='links'>
	<a href='http://saifsajid.com/nwu'>The Northwest Uprisng</a>
</body>

## settings.json
{"view":"split","seethrough":"1","prefixfree":"1","page":"html"}
	/**
	* Hopefully My site
	Just so you know, fonts haven't been embedded so you can't
	really see the beauty of the thing. Unless you have them in
	stalled
	*/
	body {
	background: #e8e8e8;
	}
	header #logo {
	color: #990100;
	text-align: center;
	font:19em Ostrich Sans dashed,Lamplighter Marquee;
	}

	#links {
	margin: auto 100px;
	margin-top:-150px;
	text-align: center;

	}
	#links a {
	font:4em Ostrich Sans dashed, dLamplighter;background: #990100;
	text-decoration: none;
	color: #e8e8e8;
	display:block;
	padding: 5px;
	}

	#links a:hover {
	background: #B90504;
	color: #e8e8e8;
	-webkit-transition: all 1s ease;


	}
	::selection {
	color:red;
	}
	* {
	}


	@media only screen and (min-width: 600px) {
	#logo{
	}
	}
	<!-- content to be placed inside <body>…</body> -->
	<body>
	<header>
	<h1 id='logo'>Saif Sajid </h1>
	</header>
	<div id='links'>
	<a href='http://saifsajid.com/nwu'>The Northwest Uprisng</a>
	</body>