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

body
{
	width: 100%;
	height: 100%;
	display: grid;
	padding: 1em;
	gap: 1em;
	grid-template-rows: auto 1fr auto 1fr auto 1fr auto;
	grid-template-columns: 1fr;
	grid-template-areas: "title" "content" "plotTitle" "plot" "title2" "content2" "footer";
	justify-items: center; /*Individual left-right*/
	align-items: center; /*Individual up-down*/
	justify-content: center; /*Container left-right*/
	align-content: center; /*Container up-down*/
}

#plot
{
	grid-area: plot;
	width: 100%;
	height: 100%;
}