Do Something

dabblet.css

/** Do Something */
body * { font:1.6rem/1.618 Avenir-Medium; 
	display:inline-block; 
	background:transparent;
	box-sizing:border-box;
	border:3px double hsla(0,100%,62%,.6);
	max-width:38rem;
	padding:0 .381rem;
	margin:.381rem 0 }
	
body { display:flex; flex-flow:wrap }

h1 { font-size:2.618rem; line-height:1em }

dabblet.html

<h1> Do Something </h1>
<a href> Go Somewhere </a>
<p> Read something. Read anything. Read this. Read something later.
<p> Read words that are sufficient to entertain and entrance your mind.
Read words that make you think and wonder,
that make your heart jump in excitement,
that compel you and propel you into your destiny.</p>
<input placeholder="Write something">
<button> Do Something </button>

dabblet.js

// alert('Hello world!');

settings.json

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