Sona / Beats

<style>
::-webkit-scrollbar-thumb:vertical {
background-color: transparent;
}
::-webkit-scrollbar {
width: 0px;
background-color: transparent;
}

body {
background: url(http://i.picpar.com/cElc.png) repeat fixed;
font:9px calibri, sans-serif;
color:#321F25;
}

body, a {
cursor:default;
}


.cred{ border:1px #999 solid;padding:5px;background-color:#fff;position:absolute;top:10px;width:10px;right:10px;height:10px;overflow:hidden;text-align:left;opacity:1.0-webkit-border-radius: 100px;
-moz-border-radius: 100px;
border-radius: 100px;}
.cred a{text-decoration:none;color:#11304d;font-style:italic;margin-left:1px}
.cred a:hover{text-shadow:4px -2px #dbe7e5}

.holder {
position:absolute;
left:0px; right:0px; bottom:0px; top:0px;
margin:auto;
height:330px;
width:290px;
padding:20px;
background-color:#fff;
text-align:center;
border:1px solid #eee;
}

.icons {
margin-top:0px;
width:250px;
height:100px;
display:inline-block;
}

.betty {
position:absolute;
left:0px;
top:125px;
width:330px;
overflow:hidden;
height:230px;
background-color:#fff;
}

.coop {
position:absolute;
top:0px;
left:30px;
width:250px;
padding:7px;
height:120px;
text-align:justify;
text-transform:uppercase;
line-height:150%;
margin-top:20px;
overflow:auto;
}
b {
color:#344792;
}

.cooper {
position:absolute;
left:30px;
width:250px;
top:150px;
background-color:#263eb3;
padding:4px;
text-transform:uppercase;
text-align:center;
z-index:4;
font-size:10px;
color:#fff;
border:1px #322171 solid;
}

.line {
position:absolute;
left:40px;
top:130px;
height:1px;
z-index:1;
width:250px;
background-color:#344792;
}

a {
display:block;
width:40px;
text-decoration:none;
color:#2a6b97;
text-transform:lowercase;
}

a:hover {
color:#2b2627;
}

.hovs {
-webkit-transition:all 0.4s ease-out;
-moz-transition:all 0.4s ease-out;
transition:all 0.4s ease-out;
}

.al {
padding-left:20px;
text-align:right;
font:9px calibri, sans-serif;
}

.ar {

text-align:left;
font:9px calibri, sans-serif;
}
table {
width:130px;
}

.ooc {
position:absolute;
top:165px;
left:30px;
width:260px;
color:#2a6b97;
padding:0px;
font:9px calibri, sans-serif;
}
.ten {
padding:10px;
background-color:#e8e8e8;
}

</style>

<link href="//maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet">
<div class="holder">

<img src="https://i.imgur.com/X0ExSIA.png" class="icons">
<div class="line hovs"></div>

<div class="betty">
<div class="coop hovs">
<b>Sona Buvelle</b>;

is Demacia's foremost virtuoso of the stringed etwahl, speaking only through her graceful chords and vibrant arias. This genteel manner has endeared her to the highborn, though others suspect her spellbinding melodies to actually emanate magic—a Demacian taboo. Silent to outsiders but somehow understood by close companions, Sona plucks her harmonies not only to soothe injured allies, but also to strike down unsuspecting enemies.
</div>
<div class="cooper hovs">Maven of the Strings

</div>

<div class="ooc">
<p class="ten">
cindy made this for me, back off. ♩ league of legends rp preferred. sway me. ♪ open to most ships. short term or long term. ♫ drama is for in character only. ♬ star, cap'n, summer, etc. ♥ ☆</p>
</div>
</div>
</div>

</div>
<div class="cred hovs"> <a target="_blank" href="https://roleplay.chat/profile.php?user=Cindy Moon" class="hovs" title="codes by cindy!"><i class="fa fa-moon-o" aria-hidden="true"></i></a></div>