html, body, #container {
	height: 100%;
	margin: 0px;
	box-sizing: border-box;
}

#container {
	display: grid;
	grid-template-columns: 1fr 1fr;
	padding: 10px;
	grid-column-gap: 10px;
	grid-template-rows: auto 100px;
	grid-template-areas:
		'left-pane right-pane'
		'footer footer';
}

#editor-container {
	grid-area: left-pane;
	min-height: 0px;
	display: grid;
	grid-template-rows: 50px auto 25px;
	overflow: auto;
}

#preview-container {
	grid-area: right-pane;
	min-height: 0px;
	display: grid;
	grid-template-rows: 50px auto;
}

#preview-wrapper {
	overflow: auto;
}

#pandoc-output {
	grid-area: footer;
}