chrismarksus · February 12, 2016 15:04
diff --git a/dabblet.css b/dabblet.css
 /**
 * The difference between these 2 purples
 */
 body{
 	font-weight: bold;
 	font-family: 'Comfortaa', cursive;
 	font-size: 2em;
 	background-color: #d3d3d3;
 }
 .container {
 	margin: 0 auto;
 	display: flex;
 	justify-content: center;
 	align-items: center;
 	resize: both;
 	overflow: auto;
 }
 .color { 
 	color:#fff;
 	height:100%;
 	width: 400px;
 	height:400px;
 	float: left;
 	padding: .5em;
 }
 .color-a {
 	background-color:#592F6F;
 }
 .color-b {
 	background-color:#6a3379;
 }
 .color-c {
 	background-color:#683277;
 }
diff --git a/dabblet.html b/dabblet.html
 <!-- content to be placed inside <body>…</body> -->
 <link href='https://fonts.googleapis.com/css?family=Comfortaa' rel='stylesheet' type='text/css'>
 <div class="container">
 	<div class="color color-a">#592F6F</div>
 	<div class="color color-b">#6a3379</div>
 	<div class="color color-c">#683277</div>
 </div>
diff --git a/dabblet.js b/dabblet.js
 // alert('Hello world!');
diff --git a/settings.json b/settings.json
 {"view":"separate","fontsize":"100","seethrough":"","prefixfree":"1","page":"result"}
	/**
	* The difference between these 2 purples
	*/
	body{
	font-weight: bold;
	font-family: 'Comfortaa', cursive;
	font-size: 2em;
	background-color: #d3d3d3;
	}
	.container {
	margin: 0 auto;
	display: flex;
	justify-content: center;
	align-items: center;
	resize: both;
	overflow: auto;
	}
	.color {
	color:#fff;
	height:100%;
	width: 400px;
	height:400px;
	float: left;
	padding: .5em;
	}
	.color-a {
	background-color:#592F6F;
	}
	.color-b {
	background-color:#6a3379;
	}
	.color-c {
	background-color:#683277;
	}
	<!-- content to be placed inside <body>…</body> -->
	<link href='https://fonts.googleapis.com/css?family=Comfortaa' rel='stylesheet' type='text/css'>
	<div class="container">
	<div class="color color-a">#592F6F</div>
	<div class="color color-b">#6a3379</div>
	<div class="color color-c">#683277</div>
	</div>