*
{
	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;
}

textarea
{
	resize: none;
}

h1, h2, h3, h3, h4, h5, p
{
	text-align: center;
}

body
{
	background-image: url('favicon.png'), linear-gradient(rgba(255,255,255,0.9),rgba(255,255,255,0.9));
	background-blend-mode: overlay;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	background-attachment: fixed;
	min-width: 100%;
	min-height: 100%;
	display: grid;
	padding: 1em;
	gap: 1em;
	justify-items: center; /*Individual left-right*/
	align-items: center; /*Individual up-down*/
	justify-content: stretch; /*Container left-right*/
	align-content: stretch; /*Container up-down*/
}

body > *, body > * > section
{
	min-width: 100%;
	min-height: 100%;
	display: grid;
	padding: 1em;
	gap: 1em;
	justify-items: center; /*Individual left-right*/
	align-items: center; /*Individual up-down*/
	justify-content: stretch; /*Container left-right*/
	align-content: stretch; /*Container up-down*/
}

#headerImage
{
	max-width: 100%;
	max-height: 50vh;
}