style.css

/* Box Sizing */
html { box-sizing: border-box; }
*, *:before, *:after { box-sizing: inherit; }

/* Reset */
html,
body {
	margin: 0;
	padding: 0;
	height: 100%;
	width: 100%;
}

/* Type! */
textarea {

	/* Position */
	width: 100%;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;

	/* Typography */
	font-family: Consolas, "Liberation Mono", Menlo, Courier, monospace;
	line-height: 1.6em;
	font-size: 1em;
	tab-size: 4;

	/* Appearance */
	padding: 1em;
	border: none;
	resize:none;

}

/* Light Theme */
.light {
	color: #263238;
	background: #f7f7f7;
}

/* Dark Theme */
.dark {
	color: #b2ccd6;
	background: #263238;
}

/* Note Title */
textarea:first-line {
	font-size: 1.6em;
}

/* Remove blue glow */
textarea:focus { outline: none; }

/* Fixed width on large screens */
@media all and (min-width: 1024px) { textarea { padding: 1.6em calc(50% - 30em); } }