html, body
{
	height: 100%;
	margin: 0;
}
body
{
	background-image:url('fondoRejilla.jpg');
	margin: 0;

	background-position: top left;

	display: flex;
	flex-direction: column;
}
main
{
	flex: 1;
	padding: 2rem;
}
footer
{
	background-color:#000000;
    padding: 1rem;
}
.player-container 
{
	width: 100%;
	max-width: 400px;
}
.plyr--audio 
{
	border-radius: 12px;
	overflow: hidden;
	box-shadow: 0 0 12px rgba(0,0,0,0.6);
}