adding as i go but feel free to post if you wanna plot anyway!
[nospaces]
[attr="class","chang"]
[attr="class","chang-top"]
NANI KONANI
we think we have the answers - some things ain't never gonna change
[attr="class","chang-color"]
[attr="class","chang-bulk"]
[attr="class","chang-left"]
[attr="class","th th-calendar-1-o"]
age
[break]
twenty five
[attr="class","th th-briefcase-o"]
pronouns
[break]
she / they
[attr="class","th th-heart-1-o"]
sexuality
[break]
bisexual
[attr="class","th th-users-o"]
group
[break]
civilian
[attr="class","th th-atom-o"]
occupation
[break]
dragon tamer
[attr="class","chang-button"][attr="class","th th-plus-1-o"] TOGGLE INFO
[attr="class","chang-hov"]
general
[break]
born in alola she comes from a long of dragon tamers that have a well-established community in the haina desert and nani found herself next in line to take charge after her older brother up and left. unfortunately right now she falls short of what her clan look for in a leader in that she hasn't managed to raise a single dragon to maturity. she shifted herself to hoenn a few year back for some personal training and time away from the scrutiny.
[break][break]
in hoenn she offers her services as a tamer to help others in training and has established herself as a freelance jeweler who'll accepts commissions on the fly.
[break][break]
she's spent most of her life trying to live up to other's expectations of her, namely her grandmother who drilled into her that emulating a stern and strict persona was paramount for their training methods. in truth she's an affectionate and nurturing woman, stubborn to a fault with a vicious streak not unlike her dragons but riddled with self-doubt in the face of her lack of progress with taming.
[break][break]
current goals
[break]
+ complete training a full team of dragon-types.
[break][break]
+ reunite with her older brother.
[break][break]
plot hooks
[break]
+ words.
[break][break]
relationships
[break]
name - status
[attr="class","chang-img"]
PHARAOH LEAP CREATES
[googlefont=Roboto+Condensed:300,400,700,800]
[googlefont=Roboto:300,400,700,800]
[googlefont=Inconsolata:300,400,700,800]
[newclass=.chang]padding:15px;border-radius:5px;background-color:#202020;width:520px;color:#aaaaaa;text-align:justify;font:11px Roboto;[/newclass]
[newclass=.chang-top]color:#d5a63d;white-space:nowrap;background-color:#1a1a1a;border-radius:3px 3px 0px 0px;padding:35px 0px 75px 35px;text-transform:uppercase;font:bold 65px Roboto Condensed;line-height:55px;letter-spacing:-2px;[/newclass]
[newclass=.chang-top div]color:#eeeeee;font:bold 8px Inconsolata;line-height:10px;padding:10px;background-color:#242424;border-radius:3px;position:absolute;margin-top:10px;letter-spacing:1px;[/newclass]
[newclass=.chang-color]height:10px;width:100%;background: linear-gradient(to bottom right, #d5a63d, #d5a63d);[/newclass]
[newclass=.chang-bulk]height:500px;width:520px;position:relative;overflow:hidden;border-radius:0px 0px 3px 3px;[/newclass]
[newclass=.chang-left]text-transform:uppercase;z-index:1;height:395px;background-color:#1a1a1a;position:absolute;padding:20px;width:130px;[/newclass]
[newclass=.chang-left div]padding:10px 0px 22px 10px;height:48px;[/newclass]
[newclass=.chang-left h1]color:#202020;position:absolute;font-size:65px;line-height:68px;margin:-10px 50px;height:50px;;padding:0px;[/newclass]
[newclass=.chang-left h2]font:bold 8px Inconsolata;line-height:8px;position:Relative;letter-spacing:1px;margin:0px 0px 5px 0px;padding:10px;background: linear-gradient(to bottom right, #d5a63d, #d5a63d);border-radius:3px;color:#1a1a1a;display:inline-block;[/newclass]
[newclass=.chang-left h3]position:relative;font:bold 15px Roboto Condensed;text-transform:lowercase;letter-spacing:.5px;line-height:15px;padding:0px;margin:0px;[/newclass]
[newclass=.chang-button]z-index:1;cursor:pointer;margin-top:435px;height:15px;position:absolute;color:#1a1a1a;padding:25px 25px 25px 20px;font:bold 17px Roboto Condensed;line-height:15px;text-align:right;width:125px;background: linear-gradient(to bottom right, #d5a63d, #d5a63d);[/newclass]
[newclass=.chang-button i]float:left;margin-top:-1px;[/newclass]
[newclass=.chang-img]filter:grayscale(100%);-webkit-transition-delay: .3s; transition-delay: .3s;-webkit-transition-duration:.3s;transition-duration:.3s;-moz-transition-duration:.3s;transform:scale(1);height:500px;width:350px;background-image:url(https://i.imgur.com/NFbOSut.png);position:absolute;margin-left:170px;[/newclass]
[newclass=.chang-hov]-webkit-transition-delay: .3s; transition-delay: .3s;-webkit-transition-duration:.3s;transition-duration:.3s;-moz-transition-duration:.3s;opacity:0;position:absolute;z-index:1;background-color:#1a1a1a;margin:25px 0px 0px 520px;padding:35px;width:230px;border-radius:3px;[/newclass]
[newclass=.chang-hov div]height:380px;overflow:auto;padding-right:19px;[/newclass]
[newclass=.chang-hov div::-webkit-scrollbar-thumb:vertical]background: linear-gradient(to bottom, #d5a63d, #d5a63d);[/newclass]
[newclass=.chang-hov div::-webkit-scrollbar]width:1px;background-color:#1a1a1a;border:none;[/newclass]
[newclass=.chang-hov h1]margin:0px;padding:0px;font:bold 30px Roboto Condensed;line-height:25px;color:#d5a63d;text-transform:lowercase;[/newclass]
[newclass=.chang-hov h2]margin:0px;padding:0px;font:bold 8px Inconsolata;text-transform:uppercase;line-height:10px;padding:5px 7px;background-color:#242424;border-radius:3px;letter-spacing:1px;display:inline-block;margin:10px 0px 15px 0px;color:#eeeeee;[/newclass]
[newclass=.chang-hov b]color:#5f5f5f;[/newclass]
[newclass=.chang-hov a]color:#d5a63d;font:bold 11px Roboto;[/newclass]
[newclass=.chang-hov:hover]margin-left:195px;opacity:1; }.chang-button:hover ~ .chang-img { transform:scale(1.075);opacity:.35;-webkit-transition-delay: 0s; transition-delay: 0s; }.chang-button:hover ~ .chang-hov { margin-left:195px;opacity:1;-webkit-transition-delay: 0s; transition-delay: 0s; }.chang-hov:hover ~ .chang-img { transform:scale(1.075);opacity:.35;[/newclass]