cyan

<style type="text/css">
@import url(//fonts.googleapis.com/css?family=Permanent+Marker);
@import url(//fonts.googleapis.com/css?family=Satisfy);
@import url(//fonts.googleapis.com/css?family=Righteous);
@import url(//fonts.googleapis.com/css?family=Kaushan+Script);
@import url(//fonts.googleapis.com/css?family=Merienda);
@import url(//fonts.googleapis.com/css?family=Cookie);
.pfor { display: none; }
 #profile { background-color: transparent; border: none; overflow: auto;}
/*body*/

 body {
 background-color: #110f0b;
}

b, strong { font-family: Righteous; font-size: 12px;line-height: 15px; font-weight: bold;
 color: #1e181b;
 text-shadow: 1px 0px 0px #5c78ae,
 -1px 1px 0px #5c78ae,
 0px 0px 0px #5c78ae,
 0px -1px 0px #5c78ae,
 0px 0px 1px #5c78ae;
}

i, em {color:#5c78ae; font-family: Kaushan Script; font-size:12px;}


body, a {cursor: url(https://66.media.tumblr.com/51aa4b0cb73356472f4336df13b2fc6b/tumblr_inline_p7nrx1388N1r1shc4_75sq.png), auto;}

/*scroll*/
::-webkit-scrollbar {
 width: 5px;
 height: 0px;
 background:;
 }

 ::-webkit-scrollbar-thumb {
 background-color: #5c78ae;
 -webkit-border-radius: 10px;
 border-radius: 10px;
z-index: 999;
 }




/*aesthetics*/
#background img{
position: absolute;
width: 100%;
height:100%;
top:0px;
left: 0px;
z-index: 2;
}


/*navigation*/
#navi {
 position: fixed;
 left:27%;
 top:83.5%;
 text-align:center;
 color: white;
 width: 50vw;
 height: 20px;
 padding:5px;
 line-height:7px;
 z-index: 6;
display: inline-block;
 float: left;
 }

 #navi a:link, #navi a:visited {
 text-decoration:none;
 font-weight:normal !important;
 padding:5px;
 top: 10px;
 margin-left: 8px;
 width: 1vw;
height: 0.2vh;
 -webkit-transition: all 0.5s ease;
 -moz-transition: all 0.5s ease;
 -o-transition: all 0.5s ease;
-webkit-clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
 background-color: #5c78ae;
 float: left;
 }

 #navi a:hover {
 background-color:#d3dbe8;
 text-decoration:none;
 float: left;
 }


/*content*/
.box {
 position: fixed;
 width: 30vw;
 height:39vh;
 top: 40%;
 left: 43%;
 padding: 5px;
 font-size: 12px;
 line-height: 13px;
 text-align: center;
font-family: 'Merienda';
 color: #d3dbe8;
 overflow: auto;
 opacity: 0;
 transition: all 0.7s ease-in-out;
 -webkit-transition: all 0.7s ease-in-out;
 -moz-transition: all 0.7s ease-in-out;
 -o-transition: all 0.7s ease-in-out;
 -ms-transition: all 0.7s ease-in-out;
 z-index:2;
 }

 .box:target {
 top: 40%;
 left: 43%;
 overflow: auto;
background-color: #transparent;
 opacity: 1;
 transition: all 0.7s ease-in-out;
 -webkit-transition: all 0.7s ease-in-out;
 -moz-transition: all 0.7s ease-in-out;
 -o-transition: all 0.7s ease-in-out;
 -ms-transition: all 0.7s ease-in-out;
 z-index:8;
 }

/*tables*/
td.one{
 width: 261px;
 font-family: Righteous;
 font-size: 12px;
 text-align: left;
 word-spacing: 1px;
 letter-spacing: 0px;
 line-height: 9px;
 font-weight: bold;
 color: #1e181b;
 text-shadow: 1px 0px 0px #5c78ae,
 -1px 1px 0px #5c78ae,
 0px 0px 0px #5c78ae,
 0px -1px 0px #5c78ae,
 0px 0px 1px #5c78ae;
}

 td.two{
 width: 261px;
 font-family: Merienda;
 font-size: 12px;
 text-align: right;
 word-spacing: 1px;
 letter-spacing: 0px;
 line-height: 9px;
 color: #d3dbe8;
 }


/*Headers*/
h1 {
text-align: left;
 padding:1px;
 line-height:120%;
font-family: 'permanent marker';
 padding:2px;
background-color: #5c78ae;
border-radius: 100px 100px 100px 100px;
 font-size: 18px;
 line-height: 1px;
 letter-spacing: 1px;
 color: #1f181c;
 text-shadow: 1px 0px 0px #5c78ae,
 -1px 1px 0px #5c78ae,
 0px 0px 0px #5c78ae,
 0px -1px 0px #5c78ae,
 0px 0px 1px #5c78ae;
 padding-top: 5px;
 margin-left:0px;
 letter-spacing:1px
 margin-top:-10px;
 }

h2 {
text-align: right;
margin-top: -11px;
margin-bottom: 15px;
font-family: 'satisfy';
color:#27161a;
 text-shadow: 1px 0px 0px #5c78ae,
 -1px 1px 0px #5c78ae,
 0px 0px 0px #5c78ae,
 0px -1px 0px #5c78ae,
 0px 0px 1px #5c78ae;
letter-spacing: .1em;
font-size: 14px;
line-height: 20%;
 }


/*link*/
a:link,a:active,a:visited {
 color: #cfd2db;
 font-family: cookie;
 font-size: 19px;
 line-height: 10px;
 letter-spacing: 0px;
 display: ;
 font-weight: bold;
 margin-bottom: px;
 word-spacing: 0px;
 text-transform: none;
 text-align: center;
 text-decoration: none;
 transition: all .3s ease-in-out;
 -webkit-transition: all .3s ease-in-out;
 -moz-transition: all .3s ease-in-out;
 -o-transition: all .3s ease-in-out;
 -ms-transition: all .3s ease-in-out;
 z-index: 7;
 }

 a:hover {
 color: #5a317d;
text-shadow: 1px 0px 0px #cfd2db,
 0px 1px 0px #cfd2db,
 -1px 0px 0px #cfd2db,
 0px -1px 0px #cfd2db,
 0px 0px 20px #cfd2db;
 font-family: cookie;
 font-size: 19px;
 line-height: 10px;
 letter-spacing: 0px;
 display: ;
 font-weight: bold;
 margin-bottom: px;
 word-spacing: 0px;
 text-align: center;
 text-decoration: none;
 transition: all .3s ease-in-out;
 -webkit-transition: all .3s ease-in-out;
 -moz-transition: all .3s ease-in-out;
 -o-transition: all .3s ease-in-out;
 -ms-transition: all .3s ease-in-out;
}



/*music*/
#music1{
 position:fixed;
left: 10.5%;
top: 43.9%;
 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;
z-index: 4;
}

#music1:hover #music2{
 opacity:0;
 margin-top:-25px;
 z-index:-1;
}

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

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

#music2{
 /* First gif image*/
 opacity:1;
 background-color:#transparent;
 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{
 /* Music player */
 opacity:0;
 position:fixed;
 background-color:#transparent;
 background-image:
 url('http://assets.clickmotive.com/Designs/LEMidnight/playButton.png');
 background-repeat: no-repeat;
 background-size: 25px;
 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="background"><img src="http://i.picpar.com/gbtd.png"></div>


<div id="navi">
 <a href="#one"></a>
 <a href="#two"></a>
<a href="#three"></a>
<a href="#four"></a>
<a href="#five"></a>
</div>
<div id="one" class="box">
<h1>She surrounds herself with</h1><h2>bitter coldness</h2>
 <table>
 <tr><td class="one">
 Name
 </td><td class="two">
 Cyan.
 </td></tr><tr>

 <tr><td class="one">
 Epithet
 </td><td class="two">
 Frost Blade.
 </td></tr><tr>

<tr><td class="one">
 Classification
 </td><td class="two">
Personified Weapon.
 </td></tr><tr>

<tr><td class="one">
Weapon Type
 </td><td class="two">
Frost Projectiles.
 </td></tr><tr>

 <tr><td class="one">
Gender
 </td><td class="two">
Feminine.
 </td></tr><tr>

 <tr><td class="one">
Height
 </td><td class="two">
5'5 ft.
 </td></tr><tr>

 <tr><td class="one">
Weight
 </td><td class="two">
Weightless.
 </td></tr><tr>

<tr><td class="one">
Affinity
 </td><td class="two">
 Ice and Water.
 </td></tr><tr>

<tr><td class="one">
Affiliation
 </td><td class="two">
 Abyssal Sirens.
 </td></tr><tr>

<tr><td class="one">
Sexual Desires
 </td><td class="two">
Unknown.
 </td></tr><tr>

<tr><td class="one">
Relationship Status
 </td><td class="two">
Undesirable.
 </td></tr><tr>

<tr><td class="one">
 Contract
 </td><td class="two">
 ---
 </td></tr><tr>


</table>
 </div>

<div id="two" class="box">
<h1>The rising power of a</h1><h2>cold-blooded Femme Fatale</h2>
To be written.<br>
<h1>Human Form</h1><h2>Skills and Abilities</h2>
To be written.<br>
<h1>Weapon Form</h1><h2>Skills and Abilities</h2>
To be written.<br>
 </div>

 <div id="three" class="box">
<h1>The Worthy Mentionables</h1><h2>if any exists..</h2>
<a target="_blank" href="https://roleplay.chat/profile.php?user=Sanguine"><i>Sanguine, Blood Blade</i></a> - My sister in arms and the only one worth trusting in this unfamiliar setting. We both manifested at the same time yet she has managed to explore this realm more than I. She can be quite entertaining when angered...especially when her blood lust is at its maximum potential.<br><br>

<a target="_blank" href="https://roleplay.chat/profile.php?user=Citrine"><i>Citrine, Blazing Blade</i></a> - Another sister in arms. It has been a while, has it? I can see the fire in your eyes. You're antsy for a fight...and probably the fire that can melt the ice off my blade. She's quite excitable but brutal when it comes to battle. Another source of entertainment.<Br><br>

<a target="_blank" href="https://roleplay.chat/profile.php?user=Cerulean"><i>Cerulean, The Ice Hunter</i></a> - A fellow ice user...a weird one. But I will have to give him credit for being..a pretty decent person, I suppose. He chose to take a chance and approach Sanguine and I...only to form a trio friendship in a sense. Something that I've never experienced..but with time..I guess I'm learning. He's pretty...interesting.<Br><br>

 </div>

<div id="four" class="box">
<h1>Out of Character</h1><h2>The Writer behind this Ice Goddess</h2>
<b>One</b> This profile was coded by <a href="https://roleplay.chat/profile.php?user=Umbrae">Umbrae</a> for me to use only, please do not touch or take anything from this code. If you want one done? Please message her personally regarding commissions.<br><br>
<b>Two</b> I'm not Cyan and Cyan isn't me. While she might appear to be a bitch -- I am actually pretty friendly. So don't confuse the two. IC =/= OOC.<br><br>
<b>Three</b> Third Person perspective; one-line to multipara writer. Novella writing is possible with a big muse or even if caught in the moment.<br><br>
<b>Four</b> Drama, Racism, Sexism, Harrassment, Disrespect = Instant Block.<br><br>
<b>Five</b> Character + Story development is adored! Smut is possible but remember Cyan is a weapon and unfamiliar with those territories..plus..? It's earned and I can't promise she'd be so keen on sudden touches. <br><br>
<b>six</b> I reserve the right to decline rp. That being said. I will NOT rp with blank profiles..you've been warned.<br><br>
<b>Seven</b> I prefer writers with a grasp of English, punctuation, and grammar. I'm a picky writer but not a grammar nazi..<br><br>
<b>Eight</b> Dark and Mature themes adored.<br><br>
<b>Nine</b> Real Life takes priority over rp always. I'm a fairly busy person.<br><br>
<b>Ten</b> Roleplay is meant to be fun, So let's have fun okay?<br><br>
 </div>

<div id="music1">
<div id="music2">


<img src="https://66.media.tumblr.com/tumblr_m7vzhvERfC1r6o8v2.gif" style="opacity: 1;"></div>

<div id="music3">
<Div style="margin-top:4px;">

<audio controls style="opacity: 0;"><source src=""></audio>
</div>

</div>