Calado

body {
background: #fff url("");
cursor: default;
margin: 0px;
overflow:hidden;}
#ran {
position:fixed;
bottom:0px;
left:200px;
z-index:0;
}
#samurai{ position: fixed; bottom: 10px; left: 10px; opacity:0.7; padding:30px;
border:1px solid transaprent; box-shadow: 0 0 200px #ccc; background-color:transparent;
-webkit-transition: all 0.8s ease-in-out; -moz-transition: all 0.8s ease-in-out; -o-transition: all 0.8s ease-in-out;}

#samurai p{ margin-top:10px; margin-bottom:5px; margin-right:10px; margin-left:10px;
padding: 25px; width: 240px; background-color: #fff;;
border:1px solid #2E2E2E; text-shadow: 1px 0 0px #fff;
line-height:8px; font-family:corbel; font-size:16px; letter-spacing:1px; text-transform:normal; color: 000; overflow: hidden; text-align: center;

background-image: url(https://media.istockphoto.com/photos/broken-glass-on-white-background-picture-id515745796?k=6&m=515745796&s=612x612&w=0&h=ww1zU-H_jkWI6WdCAmi4Myp3kfT7gGj65W-oU2Sf8C0=);}

#dick{
 position:fixed;
 height: 27px;
 bottom: 55px;
 width: 30px;
 left: 60px;
 margin: auto;
 z-index:99;
}

#music1{
 position:fixed;
 padding:2px;
 -webkit-transition: all 0.5s ease-in-out;
 -moz-transition: all 0.5s ease-in-out;
 -o-transition: all 0.5s ease-in-out;
}

#music1:hover #music2{
 opacity: 0;
 margin-top:-20px;
 z-index:-1;
}

#music1:hover #music3{
 opacity: .9;
 margin-top:-5px;
 z-index:-1;
}

#music1:hover #musiclist{
 opacity: .9;
}

#music2{
 opacity: .9;
 background-color:000;
 padding:6px;
 -webkit-transition: all 0.5s ease-in-out;
 -moz-transition: all 0.5s ease-in-out;
 -o-transition: all 0.5s ease-in-out;
}

#music3{
 opacity: 0;
 position:fixed;
 background-color:#000;
 background-image: url('http://assets.clickmotive.com/Designs/LEMidnight/playButton.png');
 background-repeat: no-repeat;
 background-size: 25px;
 border:1px dotted 000; width:25px;
 height:25px;
 z-index:99 margin-left:0px;
 overflow:hidden;
 -webkit-transition: all 0.5s ease-in-out;
 -moz-transition: all 0.5s ease-in-out;
 -o-transition: all 0.5s ease-in-out;
}
<div id="image">
<img src="https://cdn.discordapp.com/attachments/375453847876927499/413025999614115861/7c07f2b30050e0b757d1647e94b01fc9.jpg" height="100%">
</div>

<div id="samurai">
<div id="dick"><div id="music1"><div id="music2">
<img src="http://38.media.tumblr.com/tumblr_m7w2py1dEP1r6o8v2.gif" style="opacity: 0.8;"></div>
<div id="music3"><Div style="margin-top:4px;">
<audio controls style="opacity: 0;"><source src="http://k003.kiwi6.com/hotlink/p3zvnybtlf/Criolo_-_Lion_Man.mp3"></audio>
</div></div></div></div>

<p><br><br><font style="font-style:italic; font-family:times; letter-spacing:-6px; z-index:99; right:10px; color:#FFF; font-size:100px; text-shadow: 0 0 10px #000;">calado,</font><br><br><br> [ place holder ]</p></div>