* {
	/* https://www.w3schools.com/css/css3_box-sizing.asp says */
	/* "Applying this to all elements is safe and wise  */
	box-sizing: border-box;
	/* Disable text-select which can happen accidentally when dragging */
	font-family: sans-serif;
}

body
{
	background-color: lightblue;
}

.container
{
	display: flex;
	flex-direction: column;
	width: 98%;
	justify-content: center;
	align-items: center;
}

.container > div 
{
	background-color: #f1f1f1;
	margin: 10px;
	padding: 20px;
	max-width: 700px;
}

.card
{
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	text-align: left;
}

.heading
{
	font-size: 3em;
}

.info
{
	font-size: 1.3em;

}

.player
{
	margin-top: 0.5em;
	margin-bottom: 0.5em;
}


@media only screen and (max-width: 600px) {
	.heading
	{
		font-size: 1.8em;

	}

	body {
	}
  }