<style type="text/css">

@import url('https://fonts.googleapis.com/css?family=Roboto');
@import url('https://fonts.googleapis.com/css?family=Abel');
@import url(https://fonts.googleapis.com/css?family=Squada+One);
@import url('https://fonts.googleapis.com/css?family=Aguafina+Script');
@font-face{font-family:"glowies3"; src: url('https://dl.dropboxusercontent.com/s/108jph3jeqb1zlb/ax.otf'); }
@import url('https://fonts.googleapis.com/css?family=Raleway');
@font-face{ font-family:"glowies8"; src: url('https://dl.dropboxusercontent.com/s/bk5emg0gbfsiexh/aveline.ttf'); }
@font-face{ font-family:"glowies4"; src: url('https://dl.dropboxusercontent.com/s/vfdfby7jf9tq7ii/ban.otf'); }

body { background-color: #464040; background-image: url(http://i.picpar.com/seQc.png); background-attachment: fixed; background-position: center center; background-repeat: repeat; background-size: auto;}

 ::-webkit-scrollbar-track {background-color:;}
::-webkit-scrollbar-thumb {background-color:;}
::-webkit-scrollbar {width:2px;height:5px;}

a {color: #545454; text-decoration: none; }
a:hover {color: white; text-decoration: line-through;cursor: url('http://media.tumblr.com/e7f72e808c4dbe5006b9c3a30dbc9b79/tumblr_inline_mh67vhwGnR1rdqsqf.png');}
*{cursor: url('http://media.tumblr.com/7c3edb626c8cf9435c5c0b2d6acceffd/tumblr_inline_mh67v6xNXM1rdqsqf.png'), default;}
b, strong { font-weight:bold; color: #b19dbe; }
b1, strong { font-weight:bold; color: #A26470; }

.bandname { color: #545454; color: transparent; position: absolute; left: 615px; top: 235px; background: transparent; font-family: 'glowies3'; font-size: 65px; display: block; text-align: center; letter-spacing: .5px; -webkit-text-stroke: 1px #e7e1e3; }

.container { background-color: #333333; position:fixed; top: 300px; left: 600px; padding: 5px; border: 1px solid #8c8c8c; height: 450px; width: 750px; }
.bar { background-color: #545454; border: 1px solid #8c8c8c; position:fixed; top: 270px; left: 600px; padding: 5px; height: 20px; width: 750px; }

.img { position: absolute; top: 0px; left: 469px; height: 459px; width: 290px; background-image: url("https://www.speakerscorner.me/wp-content/uploads/2016/11/taylor_momsen_4.jpg"); background-size: 100% 100%; background-position: bottom center; overflow: hidden; opacity: .8; -webkit-clip-path: polygon(100% 0%, 100% 100%, 0 100%, 10% 50%, 0 0); clip-path: polygon(100% 0%, 100% 100%, 0 100%, 10% 50%, 0 0); -moz-osx-font-smoothing: grayscale; -webkit-transition-property: all; transition-property: all; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease;}

.img2 { position: absolute; top: 350px; left: 750px; height: 100px; width: 100px; background-image: url("https://i.pinimg.com/originals/f7/dc/39/f7dc39999d43d8faf2a7ec8603719108.gif"); background-size: 100% 100%; background-position: bottom center; overflow: hidden; border-radius: 100%; border: 5px double #8c8c8c; }

.bar2 { position:fixed; top: 390px; left: 640px; padding: 5px; height: 10px; width: 130px; font-size: 8px; margin-top: 20px; text-transform: uppercase; line-height: 130%; vertical-align: middle; opacity: 1; word-spacing: 0px; z-index: 9; font-weight: 800; letter-spacing: 0.5px; padding: 1px; background: #545454; color: #e7e1e3; text-shadow: 0px 0px 0.5px rgba(0,0,0,.2); font-family: 'Raleway', sans-serif; -webkit-transform: translate(0px,0%) rotate(-3deg);}

.stagename { color: #cdcdcd; position: absolute; left: 645px; top: 360px; background: transparent; font-family: 'glowies8'; font-size: 50px; display: block; text-align: center; letter-spacing: .5px; text-shadow: 0px 0px 0.5px rgba(0,0,0,.2); -webkit-transform: translate(0px,0%) rotate(-3deg);}

.ooc { position: absolute; top: 320px; left: 900px; width: 120px; height: 150px; z-index: 999; overflow: hidden; text-transform: uppercase; font-family: 'Raleway', sans-serif; background: #2d2d2d; font-size: 7.5px; letter-spacing: 1px; text-align: left; line-height: 180%; text-transform: uppercase; padding: 10px; border-radius: 5px; color: #e7e1e3; font-weight: bold;}

.stats { position: absolute; top: 520px; left: 630px; width: 220px; height: 195px; z-index: 999; overflow: hidden; text-transform: uppercase; font-family: 'Raleway', sans-serif; background: #2d2d2d; font-size: 7.5px; letter-spacing: 1px; text-align: left; line-height: 180%; text-transform: uppercase; padding: 10px; border-radius: 5px; color: #e7e1e3; font-weight: bold;}

.singer { position: absolute; top: 500px; left: 975px; height: 50px; width: 50px; background-image: url("https://i.pinimg.com/originals/9b/ef/ba/9befba2ab5733a807cbf26eb80da5074.gif"); background-size: 100% 100%; background-position: bottom center; overflow: hidden; border-radius: 100%; border: 5px double #8c8c8c; }
.bar3 { position:fixed; top: 515px; left: 890px; padding: 5px; height: 10px; width: 100px; font-size: 8px; margin-top: 20px; text-transform: uppercase; line-height: 130%; vertical-align: middle; opacity: 1; word-spacing: 0px; z-index: 9; font-weight: 800; letter-spacing: 0.5px; padding: 1px; background: #545454; color: #e7e1e3; text-shadow: 0px 0px 0.5px rgba(0,0,0,.2); font-family: 'Raleway', sans-serif; -webkit-transform: translate(0px,0%) rotate(-3deg);}
.stagename2 { color: #cdcdcd; position: absolute; left: 895px; top: 490px; background: transparent; font-family: 'glowies8'; font-size: 45px; display: block; text-align: center; letter-spacing: .5px; text-shadow: 0px 0px 0.5px rgba(0,0,0,.2); -webkit-transform: translate(0px,0%) rotate(-3deg);}

.bass { position: absolute; top: 565px; left: 975px; height: 50px; width: 50px; background-image: url("https://i.pinimg.com/originals/f7/dc/39/f7dc39999d43d8faf2a7ec8603719108.gif"); background-size: 100% 100%; background-position: bottom center; overflow: hidden; border-radius: 100%; border: 5px double #8c8c8c; }
.bar4 { position:fixed; top: 580px; left: 890px; padding: 5px; height: 10px; width: 100px; font-size: 8px; margin-top: 20px; text-transform: uppercase; line-height: 130%; vertical-align: middle; opacity: 1; word-spacing: 0px; z-index: 9; font-weight: 800; letter-spacing: 0.5px; padding: 1px; background: #545454; color: #e7e1e3; text-shadow: 0px 0px 0.5px rgba(0,0,0,.2); font-family: 'Raleway', sans-serif; -webkit-transform: translate(0px,0%) rotate(-3deg);}
.stagename3 { color: #cdcdcd; position: absolute; left: 895px; top: 555px; background: transparent; font-family: 'glowies8'; font-size: 45px; display: block; text-align: center; letter-spacing: .5px; text-shadow: 0px 0px 0.5px rgba(0,0,0,.2); -webkit-transform: translate(0px,0%) rotate(-3deg);}

.guitar { position: absolute; top: 630px; left: 975px; height: 50px; width: 50px; background-image: url("https://i.pinimg.com/originals/f7/dc/39/f7dc39999d43d8faf2a7ec8603719108.gif"); background-size: 100% 100%; background-position: bottom center; overflow: hidden; border-radius: 100%; border: 5px double #8c8c8c; }
.bar5 { position:fixed; top: 645px; left: 890px; padding: 5px; height: 10px; width: 100px; font-size: 8px; margin-top: 20px; text-transform: uppercase; line-height: 130%; vertical-align: middle; opacity: 1; word-spacing: 0px; z-index: 9; font-weight: 800; letter-spacing: 0.5px; padding: 1px; background: #545454; color: #e7e1e3; text-shadow: 0px 0px 0.5px rgba(0,0,0,.2); font-family: 'Raleway', sans-serif; -webkit-transform: translate(0px,0%) rotate(-3deg);}
.stagename4 { color: #cdcdcd; position: absolute; left: 895px; top: 616px; background: transparent; font-family: 'glowies8'; font-size: 45px; display: block; text-align: center; letter-spacing: .5px; text-shadow: 0px 0px 0.5px rgba(0,0,0,.2); -webkit-transform: translate(0px,0%) rotate(-3deg);}

.keyboard { position: absolute; top: 695px; left: 975px; height: 50px; width: 50px; background-image: url("https://i.pinimg.com/originals/f7/dc/39/f7dc39999d43d8faf2a7ec8603719108.gif"); background-size: 100% 100%; background-position: bottom center; overflow: hidden; border-radius: 100%; border: 5px double #8c8c8c; }
.bar6 { position:fixed; top: 710px; left: 890px; padding: 5px; height: 10px; width: 100px; font-size: 8px; margin-top: 20px; text-transform: uppercase; line-height: 130%; vertical-align: middle; opacity: 1; word-spacing: 0px; z-index: 9; font-weight: 800; letter-spacing: 0.5px; padding: 1px; background: #545454; color: #e7e1e3; text-shadow: 0px 0px 0.5px rgba(0,0,0,.2); font-family: 'Raleway', sans-serif; -webkit-transform: translate(0px,0%) rotate(-3deg);}
.stagename5 { color: #cdcdcd; position: absolute; left: 895px; top: 685px; background: transparent; font-family: 'glowies8'; font-size: 45px; display: block; text-align: center; letter-spacing: .5px; text-shadow: 0px 0px 0.5px rgba(0,0,0,.2); -webkit-transform: translate(0px,0%) rotate(-3deg);}

h1 { font-weight: 700; color: #b19dbe; font-size: 18px; padding: 3px 3px 6px 3px; border-bottom: 1px solid #b19dbe; text-align: left; text-transform: uppercase; background: transparent; margin-bottom: 10px; margin-top: 0px; font-family: 'glowies3'; }
h2 { font-weight: 700; color: #A26470; font-size: 18px; padding: 3px 3px 6px 3px; border-bottom: 1px solid #A26470; text-align: left; text-transform: uppercase; background: transparent; margin-bottom: 10px; margin-top: 0px; font-family: 'glowies3'; }

</style>

<div class="container"><div class="img"></div></div>
<div class="bar"></div>
<div class="bandname">Chord Traction</div>

<div class="img2"></div>
<div class="stagename">Val</div>
<div class="bar2">best & only drummer</div>


<div class="ooc">

<h1>●●● OOC</h1>

<b>one.</b> Coding is mine. Please don't touch, thanks.<br>
<b>two.</b> Vualne was made for "Infamous". <br>
<b>three.</b> PM Friendly for the most part.<br>
<b>four.</b> Discord is available. Ask for it.

</div>

<a href="profile.php?user=Caspar+Keets" target="_blank"><div class="singer"></div></a><div class="bar3">Best Singer</div><div class="stagename2">Riot</div>
<div class="bass"></div><div class="bar4">Best Bassist</div><div class="stagename3">Escree</div>
<div class="guitar"></div><div class="bar5">Best Guitarist</div><div class="stagename4">Io</div>
<div class="keyboard"></div><div class="bar6">Best Keyboard</div><div class="stagename5">Jen</div>

<div class="stats">

<h2>●●● Dossier</h2>

<b1>Namesake</b1> <font style=float:right>Vualne Vauhn</font><br>
<b1>Stagename</b1> <font style=float:right>Val</font><br>
<b1>Nationality</b1> <font style=float:right>American</font><br>
<b1>Profession</b1> <font style=float:right>Musician</font><br>
<b1>Affiliation</b1> <font style=float:right><a title="Drummer">Chord Traction</a></font><br>
<b1>Gender</b1> <font style=float:right>Female</font><br>
<b1>Maturity</b1> <font style=float:right>Twenty-Three</font><br>
<b1>Height</b1> <font style=float:right>5ft 5in</font><br>
<b1>Weight</b1> <font style=float:right>120 lbs</font><br>
<b1>Iris Hue</b1> <font style=float:right>Grey</font><br>
<b1>Hair Hue</b1> <font style=float:right>Blonde</font><br>
<b1>Orientation</b1> <font style=float:right>Demisexual</font><br>
<b1>Marital Status</b1> <font style=float:right>Single</font>

</div>