body
{
	background-color: #444;
	color: #ccc;
	font-family: Tahoma, sans-serif;
	font-size: 12px;
	margin: 0px;
	text-align: center;
}
a
{
	color: #ccc;
	text-decoration: underline;
}
h1
{
	font-family: Tahoma, sans-serif;
	font-size: 32px;
	font-weight: bold;
	margin-top: 5px;
}
h2
{
	font-family: Tahoma, sans-serif;
	font-size: 20px;
	font-weight: bold;
	padding: 0px;
	margin-top: 0px;
	margin-bottom: 5px;
}
h3
{
	font-family: Tahoma, sans-serif;
	font-size: 16px;
	font-weight: bold;
	margin-top: 0px;
	margin-bottom: 5px;
}
div.Front
{
  background-image: url('cover.jpg');
  background-repeat: no-repeat;
  background-size: cover;
  //background-attachment: fixed;
  background-position: center;
	background-color: #2225;
	border: 1px solid #333;
  border-radius: 4px;
  
  aspect-ratio: 1 / 1;
  //resize: horizontal;
  //overflow: auto;
  //max-width: 1000px;
  //height: calc(100vh - 16px);
  
	//width: min(80vw, 80vh);
  width: min(800px, min(80vw, 80vh));
	//padding: 10px;
	margin: 0px;
	text-align: left;
}
canvas.Player
{
  background-color: #333;
  border: 0px;
  border-radius: 4px;
  width: min(800px, min(80vw, 80vh));
  //height: calc(min(600px, 40vw) / 5);
  padding: 0px;
}
audio
{
  //height: min(4vw, 4vh);
}