Mangle (Simple)

<style>

@import url('https://fonts.googleapis.com/css?family=Sedgwick+Ave&display=swap');

body {
background-color:;
background-image: linear-gradient(#FFFFFF, #F2B0EA);
background-attachment: fixed;
background-position: center center;
background-repeat: repeat;
background-size: %;
font-family: Constantia;
font-variant: normal;
font-size: 60%;
color: #786307;}

::-webkit-scrollbar {
 width: 0px;
display:none;}

#pictureone {
position:fixed;
right: 340px;
bottom:0px;}



#showtext{
display: none;}

#picture:hover #showtext{
display : block;
position: fixed;
left: 200px;
top: 200px;
margin: auto;
width: 95;
height: 150;
padding: 30px;
border-radius:100px;
border: double 5px #E7E91D;
background-color: rgba(0,0,0,0.1);
z-index: 3;
overflow: auto;}


#title{ position:fixed;
top: 20px;
left: 640px;
text-align: left;
font-family: Sedgwick Ave, cursive;
text-shadow: 2px 2px 5px #B6230C;
font-size:105px;
color: #F2B0EA;
z-index:999;
z-index:9999; }

#title2{ position:fixed;
top: 180px;
left: 240px;
text-align: center;
font-family: Sedgwick Ave, cursive;
text-shadow: 2px 2px 5px #B6230C;
font-size:25px;
color: #FFFFFF;
z-index:999;
z-index:9999; }

#title3{
vertical-align: center;
text-transform: none;
color:#AD5C57;
font-size:12px;
font-family:Harrington;
text-align: center;
position: absolute;
right: 50px;
bottom: 8px;
margin: 1px;
z-index:1;}

#player{
position:fixed;
height: 55px;
width: 55px;
bottom: 32;
right:45;
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:-25px;
z-index:-1;}

#music1:hover #music3{
opacity:0.7;
margin-top:-5px;
z-index:99;}

#music1:hover #musiclist{ opacity:1;}

#music2{
opacity:1;
background-color:#DB7093;
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:#B6230C;
background-image: url('http://assets.clickmotive.com/Designs/LEMidnight/playButton.png');
background-repeat: no-repeat;
background-size: 25px;
border:1px dotted #b3b3e5;
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;}





</style>

<div id="title">
NAME HERE
</div>

<div id="title2">
Species:  || Gender:  || Orientation:  || Attachments:
</div>


<div id="pictureone">
<img src="URL HERE" class="image" height="550">
</div>



<div id="player"><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="URL HERE"></audio>

</div></div></div></div>

<div id="title3">
@Coded by <a href="https://pastebin.com/u/Toxicandii" target="_blank">Toxicandii</a>
</div>