html,
body {
	margin: 0;
}

.interim {
	color: #999;
}

#result {
	font-size: 2rem;
}

.speech {
	display: flex;
	margin: 0 auto;
	padding: 16px;
}

.speech > * {
	flex: 1 0 50%;
}

.ui {
	padding: 16px;
	text-align: right;
}

#save {
	border: 1px solid currentColor;
	border-radius: 1rem;
	font-size: 1rem;
	padding: 0.25em 0.5em;
	font-family: Arial, Helvetica, sans-serif;
	background-color: transparent;
	cursor: pointer;
}

#save:hover {
	color: green;
}

#reset {
	border: none;
	background-color: transparent;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1rem;
	cursor: pointer;
}

#reset:hover {
	color: red;
}