JUPITER CODE 2.0

<style type="text/css">
@import url(//fonts.googleapis.com/css?family=Bungee|Lilita+One|Spicy+Rice|Satisfy|Emilys+Candy|Overlock);

#profile {background-color: transparent; border: 0px;}

body {background-color:#fff;
background-image: linear-gradient(to bottom left, #F994E0 , #F0CCCC , #E2F2B3 , #BDF89C, #8EF853);
background-repeat: no-repeat;
background-size: 120%;
background-position: bottom;}



::-webkit-scrollbar { width: 3px; }
::-webkit-scrollbar-track { border-radius: 0px; background-color: transparent; }
::-webkit-scrollbar-thumb { border-radius: 0px; background-color: #; }

#whole {position: fixed; left: 0px; top: 0px; right: 0px; bottom: 0px;}

#overlay {
background: url('https://www.seekpng.com/png/full/989-9895239_wedding-invitation-rose-clip-wedding-floral-background-png.png');
z-index: -1;
position: fixed;
background-size: 100%;
left: 0px; top: 0px; right: 0px; bottom: 0px;
}


#box{position: absolute;
bottom: 95px;
left: 461px;
background-color: #BDF89C;
height: 509px;
width: 749px;
background-image:url('https://www.transparenttextures.com/patterns/diamond-eyes.png');
background-position:center;
background-repeat:repeat;
border: 3.7px solid #8EF853;
opacity: 1;
z-index: 1;}

#title {
position: absolute;
z-index:5;
-webkit-text-fill-color: transparent;
-webkit-background-clip: text;
bottom: 523px;
left: 557px;
font-family: 'Spicy Rice';
background-position: bottom, center;
background-image: url(https://i.gifer.com/4cUk.gif);
letter-spacing: 3px;
font-size: 70px;
background-size: 102%;
background-repeat: repeat;
text-align: center;
text-transform: uppercase;
-webkit-text-stroke: 3px #F994E0;
}

#gif{
position:absolute;
bottom:372px;
left:476px;
height:150px;
width:245px;
border-radius:0%;
background-image:url('https://i2.wp.com/66.media.tumblr.com/746e09ed4ece90aeb2194c3de6d73124/tumblr_pzkvsn3u1D1x20zlpo3_540.gif?w=817&ssl=1');
background-size:127%;
background-position:center;
background-repeat: no-repeat;
border: 2px solid #F994E0;
z-index:5;
}

#pic {
position:absolute;
bottom: 110px;
left:672px;
border-radius: 0%;
height: 253px;
width: 263px;
background-image:url('https://i0.wp.com/66.media.tumblr.com/1c4e1e3eb7c03297f695cd7d7a52e4cd/tumblr_pzkvsn3u1D1x20zlpo4_540.gif?w=817&ssl=1');
background-size:200%;
background-position:top;
background-repeat: no-repeat;
border: 2px solid #F994E0;
-webkit-transition: opacity 0.6s ease-in-out;
-moz-transition: opacity 0.6s ease-in-out;
-o-transition: opacity 0.6s ease-in-out;
transition: opacity 0.6s ease-in-out;
opacity: 1;
z-index: 5;
}

#info{position: fixed;
bottom: 110px;
left: 944px;
background-color: #fff;
background-image:url('https://www.transparenttextures.com/patterns/light-paper-fibers.png');
background-repeat: repeat;
font-family: 'Overlock';
height: 412px;
width: 225px;
color:#BDA78A;
font-size: 13px;
line-height: 17px;
text-align: left;
border: 2px solid #F994E0;
z-index: 5;
}

#friends{position: absolute;
bottom: 372px;
left: 730px;
background-color: #fff;
background-image:url('https://www.transparenttextures.com/patterns/light-paper-fibers.png');
background-repeat: repeat;
font-family: 'Overlock';
height: 150px;
width: 205px;
color:#DEAD9D;
font-size: 16px;
text-align: left;
border: 2px solid #F994E0;
line-height: 18px;
z-index: 5;
}

#ooc{position: absolute;
bottom: 110px;
left: 476px;
background-color: #fff;
background-image:url('https://www.transparenttextures.com/patterns/light-paper-fibers.png');
background-repeat: repeat;
font-family: 'Overlock';
height: 253px;
width: 188px;
color:#BDA78A;
font-size: 14.5px;
text-align: left;
border: 2px solid #F994E0;
z-index: 5;
}

a{color:#F2473F;
text-decoration:none;
-webkit-transition:opacity 0.7s linear;
 -webkit-transition:all 0.6s ease-out;
 -moz-transition:all 0.6s ease-out;
 transition:all 0.6s ease-out;}
a:hover{ color:#FFC669;
text-decoration:none;
-webkit-transition:opacity 0.7s linear;
 -webkit-transition:all 0.6s ease-out;
 -moz-transition:all 0.6s ease-out;
 transition:all 0.6s ease-out;}
i{color: #2ECD00;}
b{color: #F9808A; font-family: "Emilys Candy"; font-size: 12px;}
h1{color:#E2F2B3;margin:0px;margin-bottom:3px;margin-top:5px;font-size:15px;font-family: 'Lilita One', cursive;letter-spacing:1px;text-align:right;background-color:#F8416A; line-height:16px;}

.friend { width: 55px;
 height:31px;
opacity: 1;
 border: 1px dashed #FFF983;
border-Radius: 10%;
margin-right: .5px;
margin-top: 4px;
margin-bottom:-5px;
opacity: 0.8;
-webkit-transition:opacity 0.7s linear;
 -webkit-transition:all 0.6s ease-out;
 -moz-transition:all 0.6s ease-out;
 transition:all 0.6s ease-out;}
.friend:hover { opacity: 0.7;
 border: 1px dashed #f994e0;
margin-right: .5px;
margin-top: 4px;
margin-bottom:-5px;
-webkit-transition:opacity 0.7s linear;
 -webkit-transition:all 0.6s ease-out;
 -moz-transition:all 0.6s ease-out;
 transition:all 0.6s ease-out;}

#tab1{position: absolute;
bottom: 484px;
left: 1180px;
background-color: #8EF853;
width: 20px;
height: 40px;
border: 1.5px solid #f994e0;
z-index: 4;
-webkit-transition:opacity 0.7s linear;
 -webkit-transition:all 0.6s ease-out;
 -moz-transition:all 0.6s ease-out;
 transition:all 0.6s ease-out;}
#tab1:hover {border: 1.5px solid #8EF853;
background-color: #f994e0;
-webkit-transition:opacity 0.7s linear;
 -webkit-transition:all 0.6s ease-out;
 -moz-transition:all 0.6s ease-out;
 transition:all 0.6s ease-out;}

#tab2{position: absolute;
bottom: 392px;
left: 1180px;
background-color: #8EF853;
width: 20px;
height: 40px;
border: 1.5px solid #f994e0;
z-index: 4;
-webkit-transition:opacity 0.7s linear;
 -webkit-transition:all 0.6s ease-out;
 -moz-transition:all 0.6s ease-out;
 transition:all 0.6s ease-out;}
#tab2:hover {border: 1.5px solid #8EF853;
background-color: #f994e0;
-webkit-transition:opacity 0.7s linear;
 -webkit-transition:all 0.6s ease-out;
 -moz-transition:all 0.6s ease-out;
 transition:all 0.6s ease-out;}

#tab3{position: absolute;
bottom: 299px;
left: 1180px;
background-color: #8EF853;
width: 20px;
height: 40px;
border: 1.5px solid #f994e0;
z-index: 4;
-webkit-transition:opacity 0.7s linear;
 -webkit-transition:all 0.6s ease-out;
 -moz-transition:all 0.6s ease-out;
 transition:all 0.6s ease-out;}
#tab3:hover {border: 1.5px solid #8EF853;
background-color: #f994e0;
-webkit-transition:opacity 0.7s linear;
 -webkit-transition:all 0.6s ease-out;
 -moz-transition:all 0.6s ease-out;
 transition:all 0.6s ease-out;}

#tab4{position: absolute;
bottom: 205px;
left: 1180px;
background-color: #8EF853;
width: 20px;
height: 40px;
border: 1.5px solid #f994e0;
z-index: 4;
-webkit-transition:opacity 0.7s linear;
 -webkit-transition:all 0.6s ease-out;
 -moz-transition:all 0.6s ease-out;
 transition:all 0.6s ease-out;}
#tab4:hover {border: 1.5px solid #8EF853;
background-color: #f994e0;
-webkit-transition:opacity 0.7s linear;
 -webkit-transition:all 0.6s ease-out;
 -moz-transition:all 0.6s ease-out;
 transition:all 0.6s ease-out;}

#tab5{position: absolute;
bottom: 110px;
left: 1180px;
background-color: #8EF853;
width: 20px;
height: 40px;
border: 1.5px solid #f994e0;
z-index: 4;
-webkit-transition:opacity 0.7s linear;
 -webkit-transition:all 0.6s ease-out;
 -moz-transition:all 0.6s ease-out;
 transition:all 0.6s ease-out;}
#tab5:hover {border: 1.5px solid #8EF853;
background-color: #f994e0;
-webkit-transition:opacity 0.7s linear;
 -webkit-transition:all 0.6s ease-out;
 -moz-transition:all 0.6s ease-out;
 transition:all 0.6s ease-out;}
</style>

<div id="overlay"></div>
<div id="whole" oncontextmenu="return false;">
<div id="box"></div>
<div id="title">Jovian ♃ Sailor</div>
<div id="gif"></div>
<div id="pic"></div>
<a href="#01"><div id="tab1"></div></a>
<a href="#02"><div id="tab2"></div></a>
<a href="#03"><div id="tab3"></div></a>
<a href="#04"><div id="tab4"></div></a>
<a href="#05"><div id="tab5"></div></a>


<div id="info">
<div style="height:412px;overflow-y:hidden;">
<a name="01"></a>
<div style="height:412px;overflow:auto;">
<div style="margin: 0 auto; width: 16.5em;">
<h1>Dossier</h1>

<b>Name:</b> <font style="float:right;">Duanphen Saetan.</font><br>
 <b>Thai Script:</b> <font style="float:right;">เดือนเพ็ญ แซ่ตั่น.</font><br>
 <b>Nickname(s):</b> <font style="float:right;">Daphne.</font><br>
 <b>Age:</b> <font style="float:right;">Twenty-Two.</font><br>
<b>D.o.B.:</b> <font style="float:right;">December 5th, 1997.</font><br>
<b>P.o.B.:</b> <font style="float:right;">Bangkok, Thailand.</font><br>
 <b>Ethnicity:</b> <font style="float:right;">Thai.</font><br>
 <b>Nationality:</b> <font style="float:right;">American.</font><br>
 <b>Orientation:</b> <font style="float:right;">Pansexual.</font><br>
<b>Marital:</b> <font style="float:right;">Single.</font><br>
 <b>Occupation:</b> <font style="float:right;">Student<a title="Works part time at her aunt's bakery and flowershop in downtown Crystaia. She also works as an ice-skating instructor at a local rink in Crystaia when not studying or otherwise preoccupied.">*</a>.</font><br>
 <b>Alignment:</b> <font style="float:right;">Chaotic Good.</font><br>
<b>Residence:</b> <font style="float:right;">Crystaia City, CA.</font><br>
<B>Theme:</B> <font style=float:right><a target="_blank" href="https://www.youtube.com/watch?v=KNHSQmYtuQg" target="_blank">EMPIRE.</a></font><hr>
<h1>Appearance</h1>
<b>Hair Color:</b> <font style="float:right;">Black.</font><br>
<b>Hair Style:</b> <font style="float:right;">Long, Bangs.</font><br>
<b>Eye Color:</b> <font style="float:right;">Chocolate Brown.</font><br>
<b>Skin Tone:</b> <font style="float:right;">Rose Beige.</font><br>
<b>Height:</b> <font style="float:right;">5'8".</font><br>
<b>Weight:</b> <font style="float:right;">123 lbs.</font><br>
<b>Physique:</b> <font style="float:right;">Toned.</font><br>
<b>Bloodtype:</b> <font style="float:right;">O.</font><br>
<b>Scent:</b> <font style="float:right;">Roses & Vanilla.</font>

</div></div>

<a name="02"></a>
<div style="height:412px;overflow:auto;">
<div style="margin: 0 auto; width: 16.5em;">
<h1>Sailor Identity</h1>
 <b>Sailor Name:</b> <font style="float:right;">Eternal Sailor Jupiter.</font><br>
 <b>Faction:</b> <font style="float:right;">White Moon.</font><br>
 <b>Deity:</b> <font style="float:right;">Zeus.</font><br>
 <b>Designation:</b> <font style="float:right;">Inner Scout.</font><br>
<b>Domain:</b> <font style="float:right;">Courage & Protection.</font><br>
<b>Element:</b> <font style="float:right;">Lightning.</font><br>
 <b>Title:</b> <font style="float:right;">Neo-Queen.</font><br>
<B>Species:</B> <font style=float:right>Jovian Humanoid.</font><br>
 <b>Forms:</b> <font style="float:right;">Four.</font><br>
 <b>Primary Weapon:</b> <font style="float:right;">Lightning Rod.</font><br>
<B>Secondary Weapon:</B> <font style=float:right>Jupiter Spear.</font><br>
<b>Colors:</b> <font style="float:right;">Green, Pink, White.</font><br>
 <b>Planet Symbol:</b> <font style="float:right;">♃.</font><br>
 <b>Ruling Planet:</b> <font style="float:right;">Jupiter.</font><br>
<B>Opposite:</B> <font style=float:right>Nephrite.</font><br>
<B>Transform. Item:</B> <font style=float:right>Jupiter Brooch.</font><br><hr>
<h1>Inventory</h1>
<B>Jupiter Brooch:</B> .<br><br>
<B>Lightning Rod:</B> .<br><br>
<B>Jupiter Spear:</B> .<br><br>
<B>Cellphone:</B> .<br><br>
<B>Compact:</B> .<br><br>

</div></div>

<a name="03"></a>
<div style="height:412px;overflow:auto;">
<div style="margin: 0 auto; width: 16.5em;">
<h1>Abilities</h1>
<B>Storm Manipulation:</B> .<br><br>
<B>Wood Manipulation:</B> .<br><br>
<b>Muay Thai:</b> . <hr>
<h1>Senshi Attacks</h1>

</div></div>

<a name="04"></a>
<div style="height:412px;overflow:auto;">
<div style="margin: 0 auto; width: 16.5em;">
<h1>The Gist</h1>
<B>Personality Type:</B> <font style=float:right>ESFJ.</font><br>
<B>Title:</B> <font style=float:right><I>The Provider</i>.</font>

</div></div>

<a name="05"></a>
<div style="height:412px;overflow:auto;">
<div style="margin: 0 auto; width: 16.5em;">
<h1>Headcanons</h1>
<li> Like Makoto Kino, this version of Sailor Jupiter also lost her parents when she was just four years old to a fiery plane crash. As a result, she is adamant about never getting on an airplane and gets really bad height-related anxiety.</li>
<li> Unlike Makoto Kino, Duanphen (later going by Daphne) was sent to live with her aunt (Phueng) in the United States and was practically raised by her. As a result of being exposed to English at an early age, she sounds like a California native rather than an immigrant. However, she does speak Thai fluently.</li>
<li>Because her aunt's longtime girlfriend (Heejin) is Korean, she has also picked up conversational skills in the language and is able to read it - for the most part.</li>
<li> She dreams of becoming an Olympic ice skater and trains rigorously whenever she has a spare moment. Unfortunately, spare time has become a luxury for her as she's spent the last few years working her way through college, going part-time now that she's switched to a 4-year university.</li>
<li> Daphne works two jobs: one at her aunt's bakery and flower shop, the other at a local ice skating rink owned by a friend of the family. She also attends university classes three days a week. She is focused on botanical sciences, but minors in environmental policy and soil conservation. </li>
<li> She is actually a member of an all-female coven based in Crystaia City and actively practices Wicca.</li>
</div></div></div></div>

<div id="friends">
<div style="height:150px;overflow-y:hidden;">
<div style="height:150px;overflow:auto;">
<div style="margin: 0 auto; width: 12em;">
<h1>Connections</h1>
<a target="_blank" href="https://roleplay.chat/profile.php?user=Lunae" target="_blank"><img src="https://i.pinimg.com/originals/2d/85/a0/2d85a0413da54c6419a721fca3f96543.gif" title="Princess of the Moon, new friend and old ally. She needs some toughening up." class="friend"></a>
<a target="_blank" href="https://roleplay.chat/profile.php?user=Jung+Cho" target="_blank"><img src="https://em.wattpad.com/ac12c26756df5992a051c07a9a1950f182b5b8cb/68747470733a2f2f73332e616d617a6f6e6177732e636f6d2f776174747061642d6d656469612d736572766963652f53746f7279496d6167652f7858317a4e6873774b46745f77673d3d2d3535303130393831372e313531646261386636323432633835363434373138363232373236322e676966?s=fit&w=720&h=720" title="Old friend, newly-awakened soldier of the Golden Kingdom. A little crazy." class="friend"></a>
<a target="_blank" href="https://roleplay.chat/profile.php?user=Solsticeo" target="_blank"><img src="https://i.pinimg.com/originals/4e/6a/de/4e6ade5109fdc641cb3d870c2e2edf4f.gif" title="Magdalena, and old friend and new ally? She's in more trouble than she lets on." class="friend"></a>
<a target="_blank" href="https://roleplay.chat/profile.php?user=Titanite" target="_blank"><img src="https://i.pinimg.com/originals/f7/86/d7/f786d7bf2bb76a3459b4d12333c197b0.gif" title="Moon Princess's adopted older brother. Seems like the overprotective jock type, but it could be worse. Girl needs someone with sense." class="friend"></a>
<a target="_blank" href="https://roleplay.chat/profile.php?user=Nephrite" target="_blank"><img src="https://em.wattpad.com/4a9506fb0de6b4cee34beae20d39e40308f54384/68747470733a2f2f73332e616d617a6f6e6177732e636f6d2f776174747061642d6d656469612d736572766963652f53746f7279496d6167652f4b5f64346c4c64466441683353513d3d2d3539333438323833362e313533636136313162333839616365323931303730383937333533392e676966" title="What a dumb man. I care about him, but there's only so much a girl can do for a blind man. He's a compassionate fool. I thought we might make a cute couple, but like all good men he has a snake wrapped around his dick." class="friend"></a>
<a href=" " target="_blank"><img src="https://data.whicdn.com/images/325510059/original.gif" title="Witch tits. My best bitch. I love her to pieces and would kick anyone in the face who dared hurt her. But ya know, sometimes I think she holds back. Wonder what she's hiding..." class="friend"></a>
<a href=" " target="_blank"><img src="https://thumbs.gfycat.com/HauntingTornIndusriverdolphin-size_restricted.gif" title="Info here" class="friend"></a>
<a href=" " target="_blank"><img src="https://thumbs.gfycat.com/HauntingTornIndusriverdolphin-size_restricted.gif" title="Info here" class="friend"></a>
<a href=" " target="_blank"><img src="https://thumbs.gfycat.com/HauntingTornIndusriverdolphin-size_restricted.gif" title="Info here" class="friend"></a>
<a href=" " target="_blank"><img src="https://thumbs.gfycat.com/HauntingTornIndusriverdolphin-size_restricted.gif" title="Info here" class="friend"></a>
<a href=" " target="_blank"><img src="https://thumbs.gfycat.com/HauntingTornIndusriverdolphin-size_restricted.gif" title="Info here" class="friend"></a>
<a href=" " target="_blank"><img src="https://thumbs.gfycat.com/HauntingTornIndusriverdolphin-size_restricted.gif" title="Info here" class="friend"></a>
<a href=" " target="_blank"><img src="https://thumbs.gfycat.com/HauntingTornIndusriverdolphin-size_restricted.gif" title="Info here" class="friend"></a>
</div></div></div></div>

<div id="ooc">
<div style="height:253px;overflow-y:hidden;">
<div style="height:253px;overflow:auto;">
<div style="margin: 0 auto; width: 12em;">
<h1>Out of Character</h1>
<b>00.</b> Coding belongs to this <a href="/profile.php?user=Titanite" target="_blank">jerk</a>. Isn't he so nice for letting me use it? I dunno if he commissions or anything, but you're welcome to DM <i>him</i> all day long about codes. <br><br>
<b>01.</B> Faceclaim is Kim Minnie, AKA Nicha Yontararak, of (G)I-DLE. However, I am not <i>playing</i> her. This is actually Sailor Jupiter reincarnated. I know, I know, not your usual interpretation, but give it a chance. We're just here to have fun. You're welcome to go play with another Jupes, I won't hold it against you.<br><br>
<b>02.</B> Not the admin, but if you have any questions regarding Chibiusa's Court (aka Future Moon, or also Pink Moon), I am the person in charge of their operation. I don't bite, please hit me up! We can talk shop.<br><br>
<b>03.</B> I'm sure you've noticed, but we've modernized Sailor Moon. This isn't your typical canon run, so please just let us live our best lives. Thaaaaaanks.<br><br>
<b>04.</B> PM-friendly, but <i>do not</i> send me smut messages, I'm not interested.<br><br>
<b>05.</B> My summer schedule is kinda whack, always changing, so I can't really tell you when I'll be around. Life gets busy, ya know? I'll do my best to communicate that.<br><br>
<b>06.</B> I like writing. I'm cool with shitposting, but it tends to snowball so I can't really promise it'll remain one-liners for very long.
</div></div></div></div>