*

{
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}
body
{
	background-image: linear-gradient(to left bottom, rgb(124, 230, 211), rgb(250, 119, 115));
	display: flex;
	justify-content: center;
	align-items: center;
	min-height: 100vh
}	
.player
{
	border: 3px solid rgb(230, 87, 83);
	position: relative;
	width: 350px;
	background: #f1f3f4;
	box-shadow: 0 50px 80px rgba(0, 0, 0, 0.25);
}
.player .imgBx
{
	position: relative;
	width: 100%;
	height: 350px;
}
.player .imgBx img
{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

audio {
    margin-left: 11px;
    width: 300px;
    height: 54px;
}

.footer {
   margin-left: 13px; 
   margin-bottom: 40px;
   position: fixed;
   left: 0;
   bottom: 0;
   width: 100%;
   color: blue;
   text-align: center;
}

a {
  font: bold;
  font-size: 1.18em;	
  color: white;
  text-decoration: none;
  background-color: transparent;
}
a:hover {
  font: bold;
  font-size: 1.18em;	
  color: #4a0000;
  text-decoration: underline;
}

a:not([href]) {
  color: inherit;
  text-decoration: none;
}
a:not([href]):hover {
  color: inherit;
  text-decoration: none;
}