*
{
	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 repeat(1, minmax(0, 1fr)) auto;
	grid-template-columns: auto;
	grid-template-areas:	"title"
				"authentication"
				"doors"
				"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;
}

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

#doors
{
	grid-area: doors;
	min-width: min-content;
	min-height: min-content;
	height: 100%;
	width: 100%;
	display: grid;
	padding: 1em;
	gap: 1em;
	grid-template-rows: auto;
	grid-template-columns: auto;
	grid-auto-rows:auto;
	justify-items: center; /*Individual left-right*/
	align-items: center; /*Individual up-down*/
	justify-content: stretch; /*Container left-right*/
	align-content: start; /*Container up-down*/
	overflow-y: scroll;
}

.door
{
	width: 100%;
}

#footer
{
	grid-area: footer;
}