kill bill music player


<script src="//ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>

<script src="//static.tumblr.com/2pnwama/lnLppjutr/gletanica.js"></script>

<style>
/* music player skin by vitanica */

#musicplayer {
    position:fixed;
    z-index:99;
    bottom:0;margin-bottom:15px;
    left:0;margin-left:calc(25px + 15px);
    display:flex;
    -webkit-transition:all .7s ease;
    -moz-transition:all .7s ease;
    -o-transition:all .7s ease;
    transition:all .7s ease;
}

#musicplayer > *, .play > * {align-self:center;-webkit-align-self:center}

.roundthing {
    width:31px;
    height:31px;
    border-radius:100%;
    background:#000; /* icon background */
}

.roundthing img {
    margin:8px;
    width:15px;
}

.midline {
    width:0px;
    height:3px;
    background:#000;
    -webkit-transition:all .4s ease;
    -moz-transition:all .4s ease;
    -o-transition:all .4s ease;
    transition-delay: .9s;
    -webkit-transition-delay: .9s;
}

#musicplayer:hover .midline {
    width:20px;
    transition-delay:0s;
    -webkit-transition-delay:0s;
}

.play {
    display:flex;
    min-width:124px;
    height:31px;
    text-align: left;
    padding:0px 10px;
    background: #eee;
    border-left: 3px solid #000;
    color:#000;
    opacity: 0;
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition-delay: .4s;
    -webkit-transition-delay: .4s;
}

.music-controls, .music-controls > * {
   user-select:none;
   -webkit-user-select:none;
   width:11px;
   font-size:11px;
   cursor:pointer;
}

.pausee {display:none;}

.playtext {
   margin-left:8px;
   font-family:courier new;
   font-size:9px;
}

#musicplayer:hover .play {
    opacity:1;
    transition-delay: .6s;
    -webkit-transition-delay: .6s;
}

</style>

<body>
<div id="musicplayer">
    <div class="roundthing">
    <!--more music player gifs here:-->
    <!--stewlate.tumblr.com/post/28218185078/music-player-gifs-->
    <img src="https://xyz.crd.co/assets/images/gallery08/6f775f2c.png?v=f23459a0"></div>
    <div class="midline"></div>
    <div class="play">
        <div class="music-controls">
            <div class="playy">►</div>
            <div class="pausee">❚❚</div>
        </div>
        <div class="playtext">kill bill</div>
    </div><!--play-->

<audio id="tune" src="https://dl.dropbox.com/s/p23de4jn8gmwolk/Eng%20Lyrics.mp3" type="audio"></audio>
</div><!--musicplayer-->

</body>

</html>