html { width: 100%; margin: 0; padding: 0; overflow-x: hidden; }
body { width: 100vmin; margin: 0 auto; padding: 0; background-color: silver; }
main { width: 100vmin; height: 100vmin; margin: 0; padding: 0; }
nav { margin: 0; padding: 3ex 1em;
	font-size: 2vmin; font-family: sans-serif;
	font-weight: bold; text-align: center; }
nav a { margin-bottom: 1ex; padding: 1ex 1em 1.2ex; color: white;
	border: 2px groove white; border-radius: 1ex; }
p { text-align: center; margin: 0; padding: 1ex 3em; font-size: 1.5vmin; }
p a { color: black; }
.active { border-color: #888; }

@media screen and (max-width: 720px) {
	nav a { display: block; font-size: 5vmin; color: black; }
	p { font-size: 3vmin; }
}

@media screen and (min-width: 1600px) {
	body { width: 140vmin; overflow: hidden; }
	nav, p { position: absolute; width: 16vmin; padding: 10vmin; }
	nav { top: 0; right: 10vmin; }
	p { bottom: 0; right: 10vmin; }
	nav a { display: block; text-decoration: none; }
}