@charset 'UTF-8';

/* Content layout and customisation */

body {
	display: grid;
	grid-template-rows: auto 1fr 1fr auto;
	place-items: center;
}

#inputContainer {
	width: clamp(50ch, 50%, 100ch);
	height: 100%;
}

form {
	width: 100%;
	height: 100%;
	display: grid;
	grid-template-rows: 1fr auto;
	place-items: center;
}

#input {
	width: 100%;
	height: 100%;
	font-family: 'Roboto Mono', monospace;
	font-size: 13px;
	line-height: 15px;
	margin-left: auto;
	margin-right: auto;
	resize: none;
}

#minorDetails {
	margin-top: 5px;
	margin-bottom: 5px;
}

#output {
	font-family: 'Roboto Mono', monospace;
	font-size: 13px;
	line-height: 15px;
	text-wrap: pretty !important;
	white-space: pre;
	border: 1px solid rgb(118, 118, 118);
	border-radius: 3px;
	width: clamp(50ch, 50%, 100ch);
	height: 100%;
	display: grid;
}

#spacer {
	height: 10px;
}