/**********************************************
 * main css
 **********************************************/
body, html {
	margin: 0;
	padding: 0;
	height: 100%;
}

#parseData {
	background-color: #76e575;
}
#clearData {
	background-color: #fac7d0;
}

.container {
	display: flex;
	flex-direction: column;
	height: 100%;
}

.top, .middle, .bottom {
	padding: 20px;
	text-align: center;
}

.top {
	background-color: lightblue;
	height: 45%;
	flex: 18;
}

.middle {
	background-color: mediumturquoise;
	height: 47%;
	flex: 1;
}

.bottom {
	background-color: lightgreen;
	height: 47%;
	flex: 18;
}

.inData {
	width:100%;
	height:100%;
	resize: none;
}

.outResult {
	width:100%;
	height:100%;
	resize: none;
}