/*---------------------------------------------------------------------
    File Name: audioPlayer.css
---------------------------------------------------------------------*/

#prev-button {
	width: 50px; /* Ajusta el ancho deseado */
	height: 50px; /* Ajusta la altura deseada */
}
/*#prev-button:hover {content: url("../images/previousmouseon.png"); /* Aquí puedes usar la imagen de fondo */ /* } */
#prev-button:active {
	content: url("../images/previouspress.png"); /* Aquí puedes usar la imagen de fondo */
}
#prev-button:not(:hover) {
	content: url("../images/previous.png"); /* Aquí puedes usar la imagen de fondo */
}

#pause-button {
	width: 50px; /* Ajusta el ancho deseado */
	height: 50px; /* Ajusta la altura deseada */
}
/*#pause-button:hover {content: url("../images/pausemouseon.png"); /* Aquí puedes usar la imagen de fondo */ /* } */
#pause-button:active {
	content: url("../images/pausepress.png"); /* Aquí puedes usar la imagen de fondo */
}
#pause-button:not(:hover) {
	content: url("../images/pause.png"); /* Aquí puedes usar la imagen de fondo */
}

#play-button {
	width: 90px; /* Ajusta el ancho deseado */
	height: 90px; /* Ajusta la altura deseada */
}
/*#play-button:hover {content: url("../images/playmouseon.png"); /* Aquí puedes usar la imagen de fondo */ /* } */
#play-button:active {
	content: url("../images/playpress.png"); /* Aquí puedes usar la imagen de fondo */
}
#play-button:not(:hover) {
	content: url("../images/play.png"); /* Aquí puedes usar la imagen de fondo */
}

#loop-button {
	width: 50px; /* Ajusta el ancho deseado */
	height: 50px; /* Ajusta la altura deseada */
}
/*#loop-button:hover {content: url("../images/loopmouseon.png"); /* Aquí puedes usar la imagen de fondo */ /* } */
#loop-button:active {
	content: url("../images/looppress.png"); /* Aquí puedes usar la imagen de fondo */
}
#loop-button:not(:hover) {
	content: url("../images/loop.png"); /* Aquí puedes usar la imagen de fondo */
}

#next-button {
	width: 50px; /* Ajusta el ancho deseado */
	height: 50px; /* Ajusta la altura deseada */
}
/*#next-button:hover {content: url("../images/nextmouseon.png"); /* Aquí puedes usar la imagen de fondo */ /* } */
#next-button:active {
	content: url("../images/nextpress.png"); /* Aquí puedes usar la imagen de fondo */
}
#next-button:not(:hover) {
	content: url("../images/next.png"); /* Aquí puedes usar la imagen de fondo */
}

@font-face {
	font-family: 'PoppinsBlack';
	src: url('fonts/Poppins-Black.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

#nombreCancion {
	text-align: center;
	font-family: 'PoppinsBlack', sans-serif;
	font-weight: bold;
	color: white;
}