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

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

iframe, video, embed, img, canvas
{
	min-width: 0;
	min-height: 0;
}

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

textarea
{
	resize: none;
}

body
{
	text-align: center;
	min-width: min-content;
	width: 100%;
	min-height: min-content;
	height: 100%;
	display: grid;
	padding: 1em;
	gap: 1em;
	grid-template-rows: auto auto auto repeat(1, minmax(0, 1fr)) auto;
	grid-template-columns: auto;
	grid-template-areas:	"title"
				"youare"
				"name"
				"render"
				"footer";
	justify-items: center; /*Individual left-right*/
	align-items: center; /*Individual up-down*/
	justify-content: stretch; /*Container left-right*/
	align-content: stretch; /*Container up-down*/
	overflow-y: scroll;
}

#pageTitle
{
	grid-area: title;
}

#youare
{
	grid-area: youare;
}

#name
{
	grid-area: name;
}

#render
{
	text-align: center;
	min-width: min-content;
	min-height: min-content;
	display: grid;
	padding: 1em;
	gap: 1em;
	grid-auto-rows: auto auto repeat(1, minmax(0, 1fr)) auto;
	grid-template-columns: auto;
	justify-items: center; /*Individual left-right*/
	align-items: center; /*Individual up-down*/
	justify-content: stretch; /*Container left-right*/
	align-content: stretch; /*Container up-down*/
}

#footer
{
	grid-area: footer;
}