/*	Layout
	================================================
	================================================
	body
		header
		main
			form#notepad
				div#tabs
					div#tab-buttons
						button
						button
					div#tab-content
						div.line-numbers
							div
							textarea
						div.line-numbers
							div
							textarea
				div#control
		footer
	================================================ */

	body, html, div, form {
		box-sizing: border-box;
	}

	body, html {
		margin: 0;
		padding: 0;
		height: 100%;
		max-width: 96em;
		margin: 0 auto;
	}
	body {
		display: grid;
		grid-template-columns: 1fr;
		grid-template-rows: 4em calc(100vh - 12em) 4em;
		height: 100vh;

		main {
			qmax-width: 100%;
			qmargin: auto;
			qheight: 100%;
		}

		header {
			qmargin: auto;
			qpadding: 1em 2em;
			qbox-sizing: border-box;
			h1 {
				margin: 0;
			}
		}
		footer {
			padding: 0.5em 1em;
			p {

			}
		}
	}