8Bit

dabblet.css

/**
 * 8Bit 
 */
 
 /* importing font from Google */
 @import url(http://fonts.googleapis.com/css?family=Press+Start+2P);
html {
		background: #6377EF;
		min-height: 100%;
		font-family: 'Press Start 2P';
		color: #FDFFFE;
		text-align: center;
		font-size: 20px;
	}
/* centering content */	
.wrapper {
		background: #BE420A;
		width: 835px;
		height: 300px;
		margin: 0 auto;
		position: relative;
		box-shadow: 3px 3px #0C0017, -2px -2px #E5A99E;
		padding-top: 10px;
}
h1:first-child {
		line-heght: 20px;
		color: #FFBAB0;
		text-shadow: 2px 6px #07010F;
		font-size: 75px;
		margin-left: 20px;
		margin-top: 10px;
		text-align: left;
}

h1:last-child {
		color: #FFBAB0;
		text-shadow: 4px 8px #07010F;
		font-size: 80px;
		letter-spacing: -14px;
		margin-left: 20px;
		margin-top: -20px;
		text-align: left;
}

.wrapper:after {
		content: "© 1985 NINTENDO";
		color: #FFBAB0;
		position: relative;
		float: right;
		margin-top: 25px;
		font-size: 20px;
		
		}
.wrapper:hover h1 {
		color:#FEFC38;
		text-shadow: 4px 6px #F0364A;
		}
.wrapper:hover {
background: blue;
}

p:nth-child(3) {
clear: both;
margin-top: 75px;
}

.span12 {
	margin: 10px auto 0px;
	width: 55%;
	background: rgba(0,0,0,0);
	height: 100px;
}

.span4 {
	width: 25%;
	text-align: ;
	float:left;
}

dabblet.html

<div class="span12">
	<div class="span4">MARIO 000000000
	</div>
	<div class="span4">X00
	</div>
	<div class="span4">WORLD
	<br>1-1
	</div>
	<div class="span4">TIME
	</div>
</div>

<div class="wrapper">
	<h1>Super
	<h1>Mario Bros.
</div>


<p>1 PLAYER GAME</p>
<p>2 PLAYER GAME

dabblet.js

//alert('Hello world!');

settings.json

{"view":"separate","fontsize":"100","seethrough":"","prefixfree":"1","page":"all"}