Nami

<style type="text/css">

@import url('https://fonts.googleapis.com/css?family=Great Vibes|Julius Sans One|Dancing Script|Belleza|Cookie|Righteous');
*{cursor: url(http://cur.cursors-4u.net/cursors/cur-9/cur817.cur), auto !important;}

Body {
background: rgb(81,109,193);
background: -moz-linear-gradient(90deg, rgba(81,109,193,1) 0%, rgba(168,182,224,1) 35%, rgba(35,36,67,1) 100%);
background: -webkit-linear-gradient(90deg, rgba(81,109,193,1) 0%, rgba(168,182,224,1) 35%, rgba(35,36,67,1) 100%);
background: linear-gradient(90deg, rgba(81,109,193,1) 0%, rgba(168,182,224,1) 35%, rgba(35,36,67,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#516dc1",endColorstr="#232443",GradientType=1);
background-repeat: repeat;
background-attachment: fixed;
background-position: center center;
overflow:auto;
}

::-moz-selection {
color: #f4eefa;
background: #d7f6f9;
}

::selection {
color: #f4eefa;
background: #a8b6e0;
}

::-webkit-scrollbar {
width: 1px;
height: 1px;
}

::-webkit-scrollbar-thumb:vertical {
background-color: #acadd4;
border: 1px solid #acadd4;
}

b, strong {color: #516dc1; font-family:Righteous; font-size:16px;}

hr {
height: 1px;
width: 475px;
color: #ffa747;
background-color: #ffa747;
border: none;
}

h1 {
font-family: 'Julius Sans One';
font-size: 25px;
color: #a8b6e0;
text-transform: None;
letter-spacing: 3px;
border-top: -2vw solid #516dc1;
border-bottom: -2vw solid #516dc1;
border-left: -2vw solid #516dc1;
border-right: -2vw solid #516dc1;
background: #516dc1;
text-align: right;
margin-right: 0.03vw;
margin-left: 0.03vw;
line-height: 2.3vw;
margin-top: 0.45vw;
}

a:active, a:link, a:visited {
color: #516dc1;
text-decoration: underline;
-webkit-transition: all 0.4s ease-in;
-moz-transition: all 0.4s ease-in;
-ms-transition: all 0.4s ease-in;
-o-transition: all 0.4s ease-in;
transition: all 0.4s ease-in;
}

a:hover {
color: #ffffff;
-moz-transition-duration:0.5s;
-webkit-transition-duration:0.5s;
-o-transition-duration:0.5s;
transition-duration:0.5s;
cursor: url(http://cur.cursors-4u.net/cursors/cur-9/cur817.cur), auto !important;
}

.overlay{
background:url(https://media1.tenor.com/images/959fb1f51bc1026ace27acede55e1bc8/tenor.gif)repeat;
opacity:0.4;
z-index:-1;
height:100%;
width:100%;
position:absolute;
top:0;
right:0;
left:0;
bottom:0;
}

.container {
background-color: #4a5f96;
background-image: url("https://www.transparenttextures.com/patterns/az-subtle.png");
position: absolute;
top: 1.2vw;
left: 9.2vw;
width: 78.5vw;
height: 36.6vw;
border: 3px solid #202b4d;
padding: 25px;
margin: 25px;
}

.Nami {
position: absolute;
top: 4.8vw;
left: 13.2vw;
height: 31.2vw;
width: 28.8vw;
background-image: url("https://i.imgur.com/3sHjSj1.png");
border: 2px solid #202b4d;
background-size: cover;
background-position: center center;
-webkit-filter: drop-shadow(0vw 0vw 0.2vw #fff);
overflow: hidden;
z-index: 2;
}

.dossier {
background-color: #acadd4;
position: absolute;
top: 4.8vw;
left: 45.6vw;
height: 15.4vw;
width: 44.4vw;
overflow: auto;
border: 2px solid #202b4d;
padding: 3px;
text-align: justify;
font-size: 16px;
font-family: 'Belleza';
color: F5F5F5;
line-height: 19px;
top-margin: 1px;
z-index: -1;
opacity: 0;
}

.info {
background-color: #acadd4;
position: absolute;
top: 25.9vw;
left: 45.6vw;
height: 15.4vw;
width: 44.4vw;
overflow: auto;
border: 2px solid #202b4d;
padding: 3px;
text-align: justify;
font-size: 16px;
font-family: 'Belleza';
color: F5F5F5;
line-height: 19px;
top-margin: 1px;
z-index: 1000;
}

.dossier:target{
z-index: 10;
opacity: 1;
}

.tab1 {z-index:60; position: absolute; bottom: 60; left: 350; width: 20; height: 20;background-color: #836597;border: 2px solid #32223f;border-radius:50%;}

.quote {
position:fixed;
top: 36.3vw;
left: 13.2vw;
text-align: left;
text-outline: 1px #F5F5F5;
font-family: 'Cookie';
letter-spacing: 3px;
text-shadow: -2px 0px 0px #595ba8, 0px 2px 0px #516dc1, 2px 0px 0px #595ba8, 0px -2px 0px #516dc1;
font-size: 60px;
color: #a8b6e0;
z-index: 999;
text-align: center;
}

.quote2 {
position:fixed;
top: 40.2vw;
left: 33.2vw;
text-align: left;
text-outline: 1px #F5F5F5;
font-family: 'Great Vibes';
letter-spacing: 2px;
text-shadow: -2px 0px 0px #202b4d, 0px 2px 0px #516dc1, 2px 0px 0px #202b4d, 0px -2px 0px #516dc1;
font-size: 47px;
color: #F5F5F5;
z-index: 999;
text-align: center;
}

.bar {
background-color: #232443;
position: absolute;
top: 23.5vw;
left: 55.1vw;
height: -2.5vw;
width: 30vw;
border: 1px solid #232443;
overflow: hidden;
z-index: 2;
}

</style>

<div class="overlay"></div>

<div class="Container"></div>
<div class="Nami"></div>

<a href="#1"><div class="tab1"></div></a>

<div id= "1" class="dossier">
<h1>Dossier</h1>
<b>NAMESAKE:</b> <font style=float:right>Namiko.</font><br>
<b>TRANSLATION:</b> <font style=float:right>Wave Child.</font><br>
<b>MONIKER:</b> <font style=float:right>Nami.</font><br>
<b>TITLE:</b> <font style=float:right>The Oceanic Oracle.</font><br>
<b>CHRONOLOGICAL AGE:</b> <font style=float:right>Ageless.</font><br>
<b>PHYSICAL AGE:</b> <font style=float:right>Twenty-Six.</font><br>
<b>GENDER:</b> <font style=float:right>Female.</font><br>
<b>SPECIES:</b> <font style=float:right>Fox Spirit.</font><br>
<b>ELEMENT:</b> <font style=float:right>The Ocean and Seas.</font><br>
<b>TAIL COUNT:</b> <font style=float:right>Four.</font><br>
<b>HEIGHT:</b> <font style=float:right>5'4 ft.</font><br>
<b>WEIGHT:</b> <font style=float:right>130 lbs.</font><br>
<b>PHYSIQUE:</b> <font style=float:right>Curvaceous.</font><br>
<b>HAIR COLOR:</b> <font style=float:right>Silver and Blue.</font><br>
<b>EYE COLOR:</b> <font style=float:right>Light Blue.</font><br>
<b>AFFILIATION:</b> <font style=float:right>KAMI.</font><br>
<b>CLASSIFICATION:</b> <font style=float:right>Inari.</font><br>
<b>SEXUAL ORIENTATION:</b> <font style=float:right>Heterosexual.</font><br>
<b>MARTIAL STATUS:</b> <font style=float:right>Uninterested.</font><br>
<b>OCCUPATION:</b> <font style=float:right>Guardian.</font><br>
<b>THE FAMILIAR OF:</b> <font style=float:right>Susanoo.</font><br>
<b>HER VOICE:</b> <font style=float:right><a target="_blank" href="https://www.youtube.com/watch?v=8xZ7jnInmL4">Michiru Kaioh</a></font><br>
</div>


<div class="info">
<h1>Out Of Character</h1>
<b>Disclaimer</b>This Profile was created by <a target="_blank" href="https://roleplay.chat/profile.php?user=Namiko">me</a>.<br><br>
<b>01.</b> Female typist. I'm not interested in you OOCly. Friends is a possibility though.<br><br>
<b>02.</b> Discord is also a possibility. I don't give that out very freely.<br><br>
<b>03.</b> IC =/= OOC. Please don't confuse the two.<br><br>
<b>04.</b> Long-Term is adored. I don't mind short-term though!<br><br>
<b>05.</b> Chemistry is a must for story. I don't like being forced into anything nor do I enjoy insta-ships!<br><br>
<b>06.</b> No means no. If I'm not interested? I'm simply just not interested.<br><br>
<b>07.</b> Third person POV, Snowball writer. Para - Multi-para is the wave. Novella is possible with muse.<br><br>
<b>08.</b> Picky Writer. Not everyone will catch my attention and not everyone will interest me. Consider that a fair warning.<br><br>
<b>09.</b> DM & Main Room Friendly.<br><br>
<b>10.</b> Respect me and I will respect you back. I'm a nice person. I promise!<br><br>
<b>11.</b> Please have some sort of profile before you message me. 9/10, I won't be interested.<br><br>
<b>12.</b> Disrespect, Bullying, and Harrassment Intolerant. Try it and get yourself blocked. I come on here to write, not deal with drama. Let's keep it away. Positive vibes only.<br><br>
</div></div>

<div class="quote">The Oceanic Oracle</div>
<div class="quote2">-Namiko</div>