* {
	box-sizing: border-box;
}

body {
	scroll-behavior: smooth;
	font-family: BlinkMacSystemFont, -apple-system, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
	/*line-height: 1.6;*/
	width: min(88%, 80.5rem);
	margin-inline: auto;
	background: #f4f5f7;
}

#input {
	width: 100%;
	padding: 1rem;
	resize: none;
	font-family: 'Courier New', Courier, monospace;
	font-size: 1rem;
	background-color: white;
	margin-bottom: 1rem;
}

#output {
	width: 100%;
	padding: 1rem;
	font-size: 1rem;
	background-color: white;
}

#output > p {
	display: block;
	text-align: center;
}

.main-container {
	padding: 1rem;
	width: min(80%, 70.5rem);
	margin-inline: auto;
}

.break-all {
	word-break: break-all;
}