*, *:before, *:after {
	box-sizing: border-box;
}

body {
	font-family: 'Arial';
/*	font-family: 'Droid Sans';*/
	color: #21333a;
}

html, body {
	width: 100%;
	height: 100%;
	/*font-size: 10px;*/
}

h1 {
	/*font-size: 4rem;*/
}

textarea {
	border: 3px solid #cccccc;
	padding: 5px;
	width: 600px;
	height: 400px;
	font-size: 2rem;
}

article {
	height: 100%;
	grid-template-columns: 1fr;
	grid-template-areas: "header" "main" "footer";
	grid-template-rows: 120px 1fr auto;
	display: grid;
}

header {
	grid-area: header;
}

main {
	grid-area: main;
}

footer {
	grid-area: footer;
}

header {
	background-color: #fff;
}

main {
	background-color: #fff;
	text-align: center;
}