iza code

<style type="text/css">
@font-face { font-family: 'BlackOut';
src:url('https://dl.dropbox.com/s/3sd3k733pa97ra0/Blackout-Midnight.ttf');}

@import url('https://fonts.googleapis.com/css?family=Josefin+Slab');


::-webkit-scrollbar-thumb:vertical { height:100%
 width:1px;
 background-color:#404040;
overflow-x:hidden; }

::-webkit-scrollbar {width:5px;
height:100%;
background-color:#999;
overflow-y:scroll; }


img
{bottom: 0;
top:0;
right:0;
left:0px;
position: fixed;
margin: auto;}


body
{
background-color:#fff;}


body:hover #machine { transition: all 1s ease-in-out;
-webkit-transition: all 1s ease-in-out;
opacity: 0;
 z-index:-99; }


#headline{background-color:transparent;
position:fixed;
margin:auto;
 height:30px;
width:500px;
top:350px;
left:910px;
font-family:BlackOut;
 font-size:60px;
color:#BC8F4B;
-webkit-transform: rotate(90deg);
transform: rotate(90deg); }




h1{background-color:transparent;
color:#999;
font-family: 'Josefin Slab', serif;
font-size:20px;
text-align:center;
border-bottom:#E8DEDD solid 2px;
 width:250px;
height:15px;
line-height:30px;}

h2{background-color:transparent;
color:#999;
font-family:'BlackOut';
font-size:14px;
text-align:center;
width:220px;
height:14px;}

a
{text-decoration:none;
color:#ccc;
-webkit-transition: opacity 0.7s linear;
-webkit-transition: all 0.7s ease-in-out;
-moz-transition: all 0.7s ease-in-out;
-o-transition: all 0.7s ease-in-out;
opacity:1;}

a:hover
{text-decoration:none;
color:#999;
opacity:1;}


#page {
width:230px;
text-align: justify;
height:420px;
overflow: hidden;
background: transparent;
font-size:8pt;
}

.page{
width:220px;
height:420px;
text-align: justify;
overflow: auto;
background:transparent;
padding:8px; }

#navi {
 position:absolute;
 top:40px;
 left:6px;
 z-index:0;
width:250;
}

#navi a {
 float:left;
margin-left:1px;
 width: 46px;
 height: 10px;
 background: #999;
transition:all 1s ease-out;
 margin-bottom: 5px;
}

#navi a:hover {
background-color:#E8DEDD;
}

i {font-family:Bell MT;
color:#999;
font-style:italic;
}


.musicplayer{
position: fixed;
bottom: 0px;
left: 0px;
height: 30px;
width: 30px;
line-height: 30px;
font-size: 20px;
color: #541818;
text-align: center;
padding-left: 5px;
margin-left: -5px;
border-radius: 360px;
overflow: hidden;
}

.musicplayer:active {
color: #404040;
}
.moosic{
float: left;
margin-top: -30px;
margin-left: -2px;
height: 30px;
width: 30px;
overflow: hidden;
opacity: 0;
}

cross
{background-color:#f4f4f4;

</style>
<img src="http://i.picpar.com/9UTb.jpg" style="max-width:30%"></img>
<div id="headline">devotion
</div>



</style>


<div class="musicplayer" title="eyes, nose, lips.">
►
<div class="moosic">
<audio controls>
<source src="https://my.mixtape.moe/yzpfdt.mp3">
</audio>
</div>
</div>