app/static/distractandchange.css

/* style.css */
.audio-player {
    background-color: var(--secondary-color); 
    background-image: url("path/to/subtle-pattern.png"); /* Optional */ 
    border-radius: 15px; 
    padding: 30px;
    box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.15);
}

.player-controls {
    display: flex;
    justify-content: center;
    width: 100%;
    margin-bottom: 15px;
}

.player-controls button {
    /* Style your buttons */
}

.song-info {
    text-align: center;
}

.album-cover {
    width: 150px;
    height: 150px;
    margin-bottom: 10px;
}