/* The app's own layer over TodoMVC's base.css and index.css. */

/* Forms wrap the controls so every action works without JavaScript.
   display: contents takes the form boxes out of layout, so the page lays
   out exactly as TodoMVC's own template. */
.todoapp form {
	display: contents;
}

/* The controls a page without JavaScript needs. nojs.css, loaded inside
   <noscript>, shows them; with JavaScript the script drives the page's
   own checkboxes and double-click editing instead. */
.nojs {
	display: none;
}

.todoapp .error p {
	margin: 0;
	padding: 15px 15px 15px 60px;
	font-size: 18px;
	line-height: 1.4;
}
