#html,body {
            background-color: transparent;
        }	
        #player-bar {
            background-color: #540b9c;
            color: white;
            display: flex;
            align-items: center;
            padding: 5px;
        }

        #player-bar img {
            width: 50px;
            height: 50px;

            margin-right: 10px;
        }

        .track-info {
            flex-grow: 1;
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis;
        }

        .volume-slider {
			color: #540b9c;
            flex-grow: 2;
            margin: 0 15px;
        }

        .volume-slider input {
            width: 100%;
        }
		

        .player-buttons i {
            cursor: pointer;
            font-size: 3.5em;
			margin-left: 10px;
            margin-right: 10px;
        }

        .player-buttons {
            display: flex;
            align-items: center;
        }

        @media (max-width: 576px) {
            .volume-slider {
                flex-grow: 1;
            }
        }