Lunae Code (Completed)

<style type="text/css">

@import url('https://fonts.googleapis.com/css?family=Dancing Script|Sacramento|Staatliches|Muli');
*{cursor: url(http://cur.cursors-4u.net/cursors/cur-9/cur817.cur), auto !important;}

Body {
background: rgb(123,185,208);
background: -moz-linear-gradient(0deg, rgba(123,185,208,1) 0%, rgba(205,159,171,1) 100%);
background: -webkit-linear-gradient(0deg, rgba(123,185,208,1) 0%, rgba(205,159,171,1) 100%);
background: linear-gradient(0deg, rgba(123,185,208,1) 0%, rgba(205,159,171,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#7bb9d0",endColorstr="#cd9fab",GradientType=1);
background-repeat: repeat;
background-attachment: fixed;
background-position: center center;
overflow:hidden;
}

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

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

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

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

b, strong {color: #516dc1; font-size:15px;}

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

h1 {
font-family: 'Sacramento';
font-size: 1.90vw;
color: #fefff1;
text-transform: None;
letter-spacing: 0.15vw;
background-color: #bf8a94;
text-align: center;
line-height: 1.05vw;
margin: 5px;
}

a:active, a:link, a:visited {
color: #4c3d3f;
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://media0.giphy.com/media/ka5i65sFAlM9pbZ2OM/giphy.gif)repeat;
opacity:0.2;
z-index:-1;
height:100%;
width:100%;
position:absolute;
top:0;
right:0;
left:0;
bottom:0;
}

.container {
background-color: #ddaba2;
background-image: url("https://www.transparenttextures.com/patterns/absurdity.png");
position: absolute;
top: 2.9vw;
left: 15.03vw;
width: 72.5vw;
height: 39.9vw;
border: 3px solid #8cb9cb;
padding: 1.28vw;
}

.Serenity {
position: absolute;
top: 13.14vw;
left: 18.28vw;
height: 28.55vw;
width: 23.14vw;
background-image: url("https://data.whicdn.com/images/329660196/original.jpg");
border: 3px solid #7bb9d0;
background-size: cover;
background-position: center center;
-webkit-filter: drop-shadow(0.2vw 0vw 0.4vw #fff);
overflow: hidden;
z-index: 2;
}

.stats {
background-color: #f0b1bd;
position: absolute;
top: 13.14vw;
left: 43.5vw;
height: 26.3vw;
width: 40.5vw;
overflow: auto;
border: 3px solid #7bb9d0;
text-align: justify;
font-size: 1.12vw;
font-family: 'Muli';
color: #fefff1;
line-height: 1.55vw;
padding: 1.05vw;
z-index: 10;
}

.info {
background-color: #f0b1bd;
position: absolute;
top: 13.14vw;
left: 43.5vw;
height: 26.3vw;
width: 40.5vw;
overflow: auto;
border: 3px solid #7bb9d0;
text-align: justify;
font-size: 1.12vw;
font-family: 'Muli';
color: #fefff1;
line-height: 1.55vw;
padding: 1.05vw;
z-index: -1;
opacity: 0;
}

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

.tab1 {
z-index:60;
position: absolute;
top: 13.10vw;
left: 87.3vw;
width: 18;
height: 46;
background-color: #e890af;
border: 2px solid #8cb9cb;
}

.tab2 {
z-index:60;
position: absolute;
top: 18.05vw;
left: 87.3vw;
width: 18;
height: 46;
background-color: #e890af;
border: 2px solid #8cb9cb;
}

.tab3 {
z-index:60;
position: absolute;
top: 23.05vw;
left: 87.3vw;
width: 18;
height: 46;
background-color: #e890af;
border: 2px solid #8cb9cb;
}

.tab4 {
z-index:60;
position: absolute;
top: 28.05vw;
left: 87.3vw;
width: 18;
height: 46;
background-color: #e890af;
border: 2px solid #8cb9cb;
}

.tab5 {
z-index:60;
position: absolute;
top: 33.05vw;
left: 87.3vw;
width: 18;
height: 46;
background-color: #e890af;
border: 2px solid #8cb9cb;
}

.tab6 {
z-index:60;
position: absolute;
top: 38.14vw;
left: 87.3vw;
width: 18;
height: 46;
background-color: #e890af;
border: 2px solid #8cb9cb;
}

.quote {
position:fixed;
top: 2.7vw;
left: 17.6vw;
text-align: left;
font-family: 'Staatliches';
letter-spacing: 0.1vw;
background: url(https://data.whicdn.com/images/288220530/original.gif);
background-position: center center;
background-size: auto;
z-index: 2;
-webkit-text-fill-color: transparent;
-webkit-background-clip: text;
-webkit-text-stroke: 2px #ffe8f1;
font-size: 9.8vw;
text-align: center;
}

.quote2 {
position:fixed;
top: 42.5vw;
left: 36.5vw;
text-align: left;
text-outline: 1px #ffe8f1;
font-family: 'Dancing Script';
letter-spacing: 0.2vw;
 text-shadow: 0px 0px 7px #ffe8f1;
font-size: 2.2vw;
color: #ffe8f1;
z-index: 999;
text-align: center;
}

</style>

<body oncontextmenu="return false;">

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

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

<div class="quote">Neo Queen Serenity</div>
<div class="quote2">The moonlight drowns out all but its brightest stars...</div>

<a href="#1"><div class="tab1"></div></a>
<a href="#2"><div class="tab2"></div></a>
<a href="#3"><div class="tab3"></div></a>
<a href="#4"><div class="tab4"></div></a>
<a href="#5"><div class="tab5"></div></a>
<a href="#6"><div class="tab6"></div></a>

<div class="stats">
<h1>Dossier</h1>
Surname: <font style=float:right>Park</font><br>
Given Name: <font style=float:right>Eun Bi</font><br>
Nickname: <font style=float:right>Eunnie, BB</font><br>
Maturity: <font style=float:right>Twenty-One</font><br>
Birthdate: <font style=float:right>June 30, 1998</font><br>
Birthplace: <font style=float:right>TBD.</font><br>
Gender: <font style=float:right>Feminine</font><br>
Species: <font style=float:right>Humanoid</font><br>
Classification: <font style=float:right>Lunarian</font><br>
Nationality: <font style=float:right>South Korean</font><br>
Ethnicity: <font style=float:right>Korean</font><br>
Orientation: <font style=float:right>Heterosexual</font><br>
Marital Status: <font style=float:right>Toxic In Love.</font><br>
Alignment: <font style=float:right>Neutral Good</font><br>
Occupation: <font style=float:right>Rising Icon (Model)</font><br>
Residence: <font style=float:right>Crystia City, California</font><br>
<br>
<h1>Appearance</h1>
Hair Color: <font style=float:right>Golden Blonde<Br></font><br>
Hair Style: <font style=float:right>Back-Length; Straight</font><br>
Eye Color: <font style=float:right>Grey</font><br>
Skin Tone: <font style=float:right>Sunkissed</font><br>
Skin Texture: <font style=float:right>Normal</font><br>
Height: <font style=float:right>150cm (4'11")</font><br>
Blood Type: <font style=float:right>O</font><br>
Scent: <font style=float:right>Magnolia</font><br>
Faceclaim: <font style=float:right>Jinsoul (LOONA)</font><br>
</div>

<div id="1" class="info">
<h1>Current Alter Ego</h1>
Identity: <font style=float:right>Neo Queen Serenity</font><br>
Classification: <font style=float:right>Queen of the Silver Millennium</font><br>
Type:<font style=float:right> Mystic/Mage.</font><br>
Domain: <font style=float:right>Justice and Hope</font><br>
Elements: <font style=float:right>Moon and Light</font><br>
Number of Forms: <font style=float:right>One.</font><br>
Weapon: <font style=float:right>Eternal Moon Tiare</font><br>
Ruling Planet: <font style=float:right>Moon & Earth</font><br>
Status: <font style=float:right>Lunarian Queen.</font><br>
Colors: <font style=float:right>Silver and White</font><br>
Transformation Item: <font style=float:right>None.</font><br>
<br>
<h1>Former Alter Ego</h1>
Sailor Name: <font style=float:right>Eternal Sailor Moon.</font></br>
Faction: <font style=float:right>White Moon.</font></br>
Deity: <font style=float:right>Selene.</font></br>
Designation: <font style=float:right>Inner Senshi</font></br>
Domain:<font style=float:right>Justice and Hope</font></br>
Element: <font style=float:right>Moon and Light</font></br>
Title: <font style=float:right>Neo-Queen.</font></br>
Species: <font style=float:right>Lunarian Humanoid.</font></br>
Forms: <font style=float:right>Four.</font></font></br>
Primary Weapon: <font style=float:right>Eternal Moon Tiare</font></br>
Secondary Weapon: <font style=float:right>Holy Moon Chalice</font></br>
Colors: <font style=float:right>Red, Blue, and White</font></br>
Planet Symbol: <font style=float:right>🌙</font></br>
Ruling Planet: <font style=float:right>Moon and Earth</font></br>
Opposite: <font style=float:right>Endymion</font></br>
Transform. Item: <font style=float:right>Eternal Moon Brooch</font></br>
</div>

<div id="2" class="info">
<h1>Headcanons</h1>
Tab two
</div>

<div id="3" class="info">
<h1>Abilities</h1>
Tab three
</div>

<div id="4" class="info">
<h1>Connections</h1>
Tab Four
</div>

<div id="5" class="info">
<h1>Out Of Character</h1>
Disclaimer: This code was commissioned by <a target="_blank" href="https://roleplay.chat/profile.php?user=White+Dove">White Dove</a> for <a target="_blank" href="https://roleplay.chat/profile.php?user=Lunae">Lunae</a> to use only. Shoot her a dm or leave her mail if offline in regards to commission inquiries!<br><br>
01. Lunae is a repurposed version of Usagi Tsukino/Sailor Moon with a real-life FC and several non-canon elements!<br><br>
02. Crystaia: Sailor Moon takes precedence over all else. You will not see Lunae in any other room! Plus her typist is the room admin so if you have any inquiries? Feel free to hit my DMS.<br><br>
03. PM Friendly but please don't message me in regards to smut. Eun Bi nor her typist will not be interested.<br><br>
04. Real Life will always take priority over everything else...please respect that.<br><br>
05. Keep the drama away. Positive vibes and energy is a necessity when dealing with me.<br><br>
06. Literacy is Adored. Snowball writer (One-line to Novella) with a heavy preference to third-person perspective.<br><br>
07. OOC Contact is a no; Discord? Probably not gonna give that out either.<br><br>
08. Despite the OOC portrayal? I am actually extremely friendly -- I give energy that is given to me. Please remember that..<br><br>
09. That Block Option is loved. Please don't make me have to use it over bullshit, insensitivity, or unnecessary drama.<br><br>
10. Light and Dark themes are welcomed with Eun Bi as the Sailor Moon Universe she hails from contains such elements.<br><br>
11. CST Time Zone; Often on and off due to Real Life and the Lack of a PC.<br><br>
12. Let's have fun, yeah?<br>
</div>