html, body
{
/*
	margin: 0px;
	padding: 0px;
	width: 100%;
	height: 100%;
*/
	height: initial;

	font-size: 0.75cm;
	font-family: Arial;
	color: #000000;
	background-color: #ffffff;
}

body > main
{
/*
	padding-top: 5mm;
	padding-bottom: 10mm;
	padding-left: 10vw;
	padding-right: 10vw;
*/
	font-size: min(1em, 5vh);

	padding: 1em 1em 2em 1em;

/*
	margin-top: 1.75cm;
	margin-top: 2.25em;
	margin: 1em 7.5em;
*/
/*	margin: 2.25em 5em 0px 5em; */
/*	margin-top: 2.25em; */
/*
	margin-right: 5em;
	margin-bottom: 0px;
	margin-left: 5em;
*/
	width: 90vw;
	max-width: 40cm;
	margin-left: auto;
	margin-right: auto;
}

/*
@media screen and (max-width: 35cm)
{
	body > main
	{
		margin-right: 5em;
		margin-bottom: 0px;
		margin-left: 5em;
	}
}
*/

a.psbutton
{
	position: relative;
}

@media screen
{
	a.psbutton:before
	{
		background-position: center;
		background-size: 13.5em;
		position: absolute;
		top: -5em;
		bottom: -5em;
		left: -14.5em;
		width: 13.5em;
		border: 1px solid #000000;
		background-color: #ffffff;
		display: none;
		box-sizing: border-box;
		image-rendering: pixelated;
	}
}

@media screen and (max-width: 12.5cm)
{
	a.psbutton:before
	{
		background-size: 9em;
		top: -3.5em;
		bottom: -3.5em;
		left: -11em;
		width: 10.5em;
	}
}

@media screen and (max-width: 10cm)
{
	a.psbutton:before
	{
		background-size: 11em;
		top: initial;
		bottom: 3.5em;
		left: initial;
		right: 0px;
		width: 11em;
		height: 11em;
	}
}

@media screen
{
	a.psbutton:hover:before
	{
		content: ' ';
		display: block;
	}
}