*
{
	font-family: monospace;
	box-sizing: border-box;
	margin: 0;
	padding: 0;
}

html
{
	width: 100%;
	height: 100%;
	min-height: 100%;
}

body
{
	min-width: min-content;
	max-width: max-content;
	margin: 0 auto;
	max-height: max-content;
	display: grid;
	padding: 1em;
	gap: 1em;
	justify-items: stretch;
	align-items: stretch;
	justify-content: stretch;
	align-content: stretch;
	text-align: center;
	grid-auto-rows: min-content;
	grid-auto-flow: row;
	overflow-y: scroll;
}

input
{
	width: 100%;
	max-height: min-content;
	padding: 0.25em;
}

textarea
{
	padding: 0.25em;
	width: 100%;
	resize: none;
	overflow: scroll;
	white-space: pre;
}

label
{
	text-align: left;
}

select
{
	width: 100%;
	padding: 0.25em;
}

body > section
{
	display: grid;
	min-width: min-content;
	min-height: min-content;
	max-height: max-content;
	gap: 1em;
	justify-items: stretch;
	align-items: end;
	justify-content: stretch;
	align-content: stretch;
	grid-auto-rows: min-content;
	grid-auto-flow: row;
	text-align: left;
}

#tter
{
	object-fit: contain;
	max-height: 25vh;
}

.copyNotification
{
	transform: translate(0, -50%);
	background-color: white;
	pointer-events: none;
	padding: 0.25em;
	outline-color: gray;
	outline-style: solid;
	outline-width: thin;
	outline-offset: 0;
}

.hidden
{
	display: none;
}