html {
	background: #ddd;
	margin: 0;
	padding: 0;
}

body {
	margin: 0;
	padding: 0;
}

h1 {
	font-size: 14pt;
	text-align: center;
}

#request {
	text-align: center;
}

textarea {
	resize: none;
	width: calc(100% - 24pt);
	height: 40vh;
	margin: 6pt 12pt;
}

button {
	font-size: 14pt;
}

#response {
	width: calc(100% - 24pt);
	margin: 0 12pt;
}

.code {
	display: flex;
	flex-direction: row;
}

.code pre {
	width: 43%;
	margin: 0 2%;
	padding: 1%;
	border: 1px solid #aaa;
}

.code pre.orig {
	color: #500;
}

.code pre.impr {
	color: #050;
}

.expl {
	margin: 20pt 2%;
}