Souma 9/29/16

<style>

/* MUSIC

Dark Celtic Music - VIKINKS - https://puu.sh/rsefS/741e0d5a48.mp3
Miguel w. Tame Impala - Waves - https://puu.sh/rscWY/473b2acd3b.mp3

*/

#whole{
 position: fixed;
 top: 0px;
 left: 0px;
 right: 0px;
 bottom: 0px;
}

body, a:hover {cursor: url(http://cur.cursors-4u.net/others/oth-7/oth684.cur), progress !important;}

#imageleft{
 position: absolute;
 left: 0px;
 top: 0px;
 bottom: 0px;
 width: 40%;
 background-image:url(http://i63.tinypic.com/5v2152.jpg);
 background-size: 110% auto;
 background-position:top left;
 background-repeat: no-repeat;
 overflow: hidden;
 box-sizing: border-box;
 border-right: 10px solid #190404;
}

#imageleft:before{
 content: '';
 position: absolute;
 top: 0px;
 left: 0px;
 right: 0px;
 bottom: 0px;
 background: gray;
 z-index: -1;
 background-image:url(http://www.free-background-wallpaper.com/images/wallpapers/1600x1200/skybackgrounds/red-burning-dusk-clouds.jpg);
 background-position: bottom left;
}

#restofprofile{
 position: absolute;
 left: 40%;
 top: 0px;
 bottom: 0px;
 right: 0px;
 background: #2b0303;
 background-image:url(http://i68.tinypic.com/ehy7ue.jpg);
 background-size: auto 100%;
}

@font-face{
 src:url(https://dl.dropboxusercontent.com/u/4556289/againts.ttf);
 font-family:'titlefont';
}

#titlediv{
 position: absolute;
 top: 0px;
 left: 0px;
 right: 0px;
 bottom: 0px;
 margin: auto;
 height: 350px;
 width: 560px;
 font-family:'titlefont';
 font-size: 200pt;
 color: #2b0303;
 letter-spacing: 3px;
 text-shadow: 1px 1px 3px black;
 border: 0px solid white;
text-align: center;
overflow: hidden;
-webkit-transition: all 1s;
transition: all 1s;
}

#titlediv:active{
-webkit-transition: all 0s;
transition: all 0s;
text-shadow: 1px 1px 3px red;}

#titlediv:before{
content: 'Seventh Hunter';
position: absolute;
 bottom: 45px;
 left: 95px;
font-family: 'titlefont';
font-size: 30pt;
color: black;
text-shadow: 0px 0px 3px red;
opacity: .6;
text-align: center;
z-index: 1;
-webkit-transition: all 1s;
transition: all 1s;}

#titlediv:hover:before{
opacity: .9;
}

#audiodiv{
position: absolute;
zoom: 1900%;
width: 31px;
overflow: hidden;
top: 0px;
left: 0px;
opacity: 0;
}

</style>


<div id="whole">
 <div id="imageleft">
 </div>
 <div id="restofprofile">
 <div id="titlediv" title="click to play music - track is Vikings by Filip Lackovic">
 SOMA
<div id="audiodiv"><audio controls src="https://puu.sh/rsefS/741e0d5a48.mp3" loop=3>
</audio></div>
 </div>
 </div>

</div>