the css for the mp3 player

The code for the player on the side
okay on one of my css posts someone asked for this (@ChmBkt) so here it is

.player {
box-shadow: 10px 5px 5px white; / you can change the shadows color /
margin-top: 20px;
margin-bottom: 20px;
background: none; / you can change the background, you can add pictures as a background with url(insert your url from your picture, it must be online ), or just add in a html code as color /
color: #000; / you can change the fonts color /
width: calc(100% - 10px );
border: 1px solid white; / you can change the color of the border /
}

to add a picture before the player use this code

.player::before {
content: "currently playing:"; / you can change this text how you like /
display: block;
position: relative;
width: calc(40% -20px);
height: 390px;
max-width: 500;
background-position: 0 0;
background-size: 100% 100%;
background-image: none; / you can change the image displayed with url( insert your url from your picture, it must be online ) /
border-radius: 10px;
}

if u want you can remove / mmmm / these texts but they dont actually do anything, they are just side notes for you

have fun with it :)