Pluto code

<style type="text/css">

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

Body {
background: rgb(105,66,83);
background: -moz-linear-gradient(0deg, rgba(105,66,83,1) 0%, rgba(34,95,74,1) 100%);
background: -webkit-linear-gradient(0deg, rgba(105,66,83,1) 0%, rgba(34,95,74,1) 100%);
background: linear-gradient(0deg, rgba(105,66,83,1) 0%, rgba(34,95,74,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#694253",endColorstr="#225f4a",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: #225f4a;
border: 1px solid #225f4a;
}

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

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

h1 {
font-family: 'Poiret One';
font-size: 1.45vw;
color: #fefff1;
text-transform: None;
letter-spacing: 0.10vw;
background-color: #24131a;
text-align: center;
line-height: 1.05vw;
margin: 6px;
}

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://i.imgur.com/W7P7dkl.gif)repeat;
opacity:0.3;
z-index:-1;
height:100%;
width:100%;
position:absolute;
top:0;
right:0;
left:0;
bottom:0;
}

.container {
background-color: #0d261d;
background-image: url("https://www.transparenttextures.com/patterns/always-grey.png");
position: absolute;
top: 5.9vw;
left: 3.03vw;
width: 90.4vw;
height: 35.9vw;
border: 3px solid #5a3142;
padding: 1.28vw;
}

.Pluto {
position: absolute;
top: 13.14vw;
left: 40.28vw;
height: 26.55vw;
width: 20.14vw;
background-image: url("https://i.pinimg.com/originals/6a/19/b7/6a19b724218fbc41aa683e5a1b70ae53.jpg");
border: 2px solid #5a3142;
background-size: cover;
background-position: center center;
overflow: hidden;
z-index: 2;
}

.stats {
background-color: #225f4a;
position: absolute;
top: 13.14vw;
left: 19.5vw;
height: 24.5vw;
width: 16.5vw;
overflow: auto;
border: 2px solid #5a3142;
text-align: justify;
font-size: 1.12vw;
font-family: 'Muli';
color: #fefff1;
line-height: 1.55vw;
padding: 1.05vw;
z-index: 10;
}

.ooc {
background-color: #225f4a;
position: absolute;
top: 13.14vw;
left: 62.3vw;
height: 24.5vw;
width: 16.5vw;
overflow: auto;
border: 2px solid #5a3142;
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: #225f4a;
position: absolute;
top: 13.14vw;
left: 19.5vw;
height: 24.5vw;
width: 16.5vw;
overflow: auto;
border: 2px solid #5a3142;
text-align: justify;
font-size: 1.12vw;
font-family: 'Muli';
color: #fefff1;
line-height: 1.55vw;
padding: 1.05vw;
z-index: -1;
opacity: 0;
}


.info2 {
background-color: #225f4a;
position: absolute;
top: 13.14vw;
left: 62.3vw;
height: 24.5vw;
width: 16.5vw;
overflow: auto;
border: 2px solid #5a3142;
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;
}

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

.box {
background-color: #0d261d;
background-image: url("https://www.transparenttextures.com/patterns/always-grey.png");
position: absolute;
top: 6.08vw;
left: 10.2vw;
height: 38.2vw;
width: 1.25vw;
overflow: hidden;
z-index: 1;
border: #5a3142 solid 2px;
}

.box2 {
background-color: #0d261d;
background-image: url("https://www.transparenttextures.com/patterns/always-grey.png");
position: absolute;
top: 6.08vw;
left: 89.5vw;
height: 38.2vw;
width: 1.25vw;
overflow: hidden;
z-index: 1;
border: #5a3142 solid 2px;
}


.tab1 {
z-index:60;
position: absolute;
top: 40.8vw;
left: 23.4vw;
width: 55;
height: 15;
background-color: #135844;
border: 2px solid #5a3142;
}

.tab2 {
z-index:60;
position: absolute;
top: 40.8vw;
left: 30.5vw;
width: 55;
height: 15;
background-color: #135844;
border: 2px solid #5a3142;
}

.tab3 {
z-index:60;
position: absolute;
top: 40.8vw;
left: 66.3vw;
width: 55;
height: 15;
background-color: #135844;
border: 2px solid #5a3142;
}

.tab4 {
z-index:60;
position: absolute;
top: 40.8vw;
left: 72.8vw;
width: 55;
height: 15;
background-color: #135844;
border: 2px solid #5a3142;
}


.quote {
position:fixed;
top: 6.8vw;
left: 19.5vw;
text-align: left;
font-family: 'Staatliches';
letter-spacing: 0.1vw;
background: URL("https://66.media.tumblr.com/116ea983f5ff789e8cde5c3005aabd17/tumblr_o9fupgbeiX1u2vo2go3_500.gifv");
background-position: center center;
background-size: auto;
z-index: 2;
-webkit-text-fill-color: transparent;
-webkit-background-clip: text;
-webkit-text-stroke: 2px #a70271;
font-size: 5.9vw;
text-align: center;
}

.quote2 {
position:fixed;
top: 40.5vw;
left: 42.5vw;
text-align: left;
text-outline: 1px #694253;
font-family: 'Dancing Script';
letter-spacing: 0.2vw;
text-shadow: 0px 0px 8px #a70271;
font-size: 3.2vw;
color: #694253;
z-index: 999;
text-align: center;
}

.Plutogif {
position: absolute;
top: 8vw;
left: 4vw;
height: 7.7vw;
width: 12.8vw;
background-image: url("https://thumbs.gfycat.com/JoyousIncompleteHyena-size_restricted.gif");
background-size: 108%;
overflow: hidden;
z-index: 2;
border: #5a3142 solid 2px;
}

.Plutogif2 {
position: absolute;
top: 21.8vw;
left: 4vw;
height: 7.7vw;
width: 12.8vw;
background-image: url("https://i.pinimg.com/originals/a0/21/29/a021290d2416763e317cafbcbf1bf832.gif");
background-size: 108%;
overflow: hidden;
z-index: 2;
border: #5a3142 solid 2px;
}

.Plutogif3 {
position: absolute;
top: 35vw;
left: 4vw;
height: 7.7vw;
width: 12.8vw;
background-image: url("https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/7143c853-3069-4165-8f0e-ec5f99d6e696/dcb1q3c-571a88fc-e593-48a3-90b0-75796893dbcb.gif?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOiIsImlzcyI6InVybjphcHA6Iiwib2JqIjpbW3sicGF0aCI6IlwvZlwvNzE0M2M4NTMtMzA2OS00MTY1LThmMGUtZWM1Zjk5ZDZlNjk2XC9kY2IxcTNjLTU3MWE4OGZjLWU1OTMtNDhhMy05MGIwLTc1Nzk2ODkzZGJjYi5naWYifV1dLCJhdWQiOlsidXJuOnNlcnZpY2U6ZmlsZS5kb3dubG9hZCJdfQ.AuQj9ZPz2oPBZHnG49jm-ju4_uXb9MfeO1nsnOdHWAw");
background-size: 108%;
overflow: hidden;
z-index: 2;
Border: #5a3142 solid 2px;
}

.Plutogif4 {
position: absolute;
top: 8vw;
left: 82.3vw;
height: 7.7vw;
width: 12.8vw;
background-image: url("https://cdn.lowgif.com/full/0e06f0ec9fa36e78-sailor-pluto-uses-dark-dome-close2.gif");
background-size: 108%;
overflow: hidden;
z-index: 2;
border: #5a3142 solid 2px;
}

.Plutogif5 {
position: absolute;
top: 21.8vw;
left: 82.3vw;
height: 7.7vw;
width: 12.8vw;
background-image: url("https://66.media.tumblr.com/116ea983f5ff789e8cde5c3005aabd17/tumblr_o9fupgbeiX1u2vo2go3_500.gifv");
background-size: 108%;
overflow: hidden;
z-index: 2;
border: #5a3142 solid 2px;
}

.Plutogif6 {
position: absolute;
top: 35vw;
left: 82.3vw;
height: 7.7vw;
width: 12.8vw;
background-image: url("https://i.pinimg.com/originals/b8/97/b3/b897b385dae163a1e25cfe156407b9c4.gif");
background-size: 108%;
overflow: hidden;
z-index: 2;
border: #5a3142 solid 2px;
}

</style>

<body oncontextmenu="return false;">

<div class="box"></div>
<div class="box2"></div>

<div class=quote>Guardian of Time and Space</div>
<div class=quote2>Sailor Pluto</div>

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

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

<div class="Plutogif"></div>
<div class="Plutogif2"></div>
<div class="Plutogif3"></div>
<div class="Plutogif4"></div>
<div class="Plutogif5"></div>
<div class="Plutogif6"></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>

<div class="stats">
<h1>Dossier</h1>
Name: <font style=float:right>Dominique Dubois</font><br>
Moniker: <font style=float:right>Nique | Mika | Dolly</font><br>
Maturity: <font style=float:right>Twenty-six</font><br>
Birthdate: <font style=float:right>October 29, 1995</font><br>
Birthplace: <font style=float:right>New Orleans, LA</font><br>
Gender: <font style=float:right>Feminine</font><br>
Species: <font style=float:right>Humanoid</font><br>
Classification: <font style=float:right>Plutonian</font><br>
Nationality: <font style=float:right>Creole</font><br>
Ethnicity: <font style=float:right>African American</font><br>
Orientation: <font style=float:right>Heterosexual</font><br>
Marital Status: <font style=float:right>Unattached</font><br>
Alignment: <font style=float:right>Neutral</font><br>
Occupation: <font style=float:right>Escort (Night Job) | TBA (Day Job)</font><br>
Residence: <font style=float:right>Crystaia City, CA</font><br>

<h1>Appearance</h1>
Hair Color:<font style=float:right>Varies</font><br>
Hair Style: <font style=float:right>Varies</font><br>
Eye Color: <font style=float:right>Hazel or Grey</font><br>
Skin Tone: <font style=float:right>Caramel</font><br>
Complexion: <font style=float:right>Normal</font><br>
Height: <font style=float:right>‎178 cm or 5'10"</font><br>
Blood Type: <font style=float:right>A</font><br>
Scent: <font style=float:right>--</font><br>
Faceclaim: <font style=float:right>Nyane Lebajoa</font><br>

</div>

<div class="ooc"><h1>Out Of Character</h1>
Coder's note: This code was created 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=Aevitas">Aevitas</a> only! Please don't touch or redistribute this code as your own. Thank you!<br><br>
01. In character =/= Out of Character.<br><br>
02. Made for the Sailor Moon: Rebirth Room Only. dm if interested.<br><br>
03. Dominique DuBois is a repurposed verison of Sailor Pluto: a sailor moon canon.<br><br>
04. Snowball writer; third pov + literacy preferred. Typist can also write novella when the muse is high.<br><br>
05. Real Life will always take a priority to RP; respect that or don't dm me, period.<br><br>
06. Chemistry is everything in RP so insta-shipping or smutting is a definite no.<br><br>
07. Bullshit, drama, and other unnecessary energy is block-worthy. You've been warned.<br><br>
08. Light and Dark elements are definitely welcomed with Dominique!<br><br>
09. Yes, Dominique has a female typist and yes, her female typist is over the age of 21.<br><Br>
10. CST time zone -- often on and off due to real-life obligations and the lack of a pc.<br><br></div>

<div id="1" class="info">
<h1>Senshi Identity</h1>
Name:<font style=float:right> Eternal Sailor Pluto.</font><br>
Faction:<font style=float:right> White Moon.</font><br>
Deity:<font style=float:right>Hades.</font><br>
Designation: <font style=float:right>Outer Senshi.</font><br>
Domain: <font style=float:right>The Underworld</font><br>
Element: <font style=float:right>Space and Time</font><br>
Title: <font style=float:right>Neo Queen.</font><br>
Species: <font style=float:right>Plutonian Humanoid.</font><br>
Forms: <font style=float:right>Four.</font><br>
Prim. Weapon: <font style=float:right>Garnet Orb</font><br>
Sec. Weapon: <font style=float:right>Time Scepter</font><br>
Colors: <font style=float:right>Black and Garnet</font><br>
Planet Symbol: <font style=float:right>♇</font><br>
Ruling Planet: <font style=float:right>Pluto</font><br>
Opposite: <font style=float:right>Kyanite</font><br>
Trans. Item: <font style=float:right>Pluto Brooch</font><br>

<h1>Abilities</h1>
To be written.
</div>

<div id="2" class="info">
<h1>Connections</h1>
to be written
</div>

<div id="3" class="info2">
<h1>Headcanons</h1>
to be written
</div>