MI-SUN [WIP]

<style type="text/css">
@import url(//fonts.googleapis.com/css?family=Overlock|Redressed|Niconne|Emilys+Candy|Aladin);

body {
background-color: #FDFFEA;
background-image: url('');
background-position: center;
background-size: 100%;
background-repeat:no-repeat;
}

::-webkit-scrollbar-track {
background-color:;
}

::-webkit-scrollbar-thumb {
background-color:;
}

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

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

#number {
position: absolute;
background-color: #F6FF8A;
height: 515px;
width: 915px;
top: 9%;
left: 16%;
border: 4px solid #F9FFB2;
opacity: 1;
box-shadow: 0px 0px 10px 10px #F3FF66;
}

#flower {
position: absolute;
z-index: 2;
right: -140px;
bottom: -120px;
background-image: url('https://66.media.tumblr.com/2a0f4d8ed1249d28b27841664bfc5ac2/tumblr_np6fc1GsbZ1rm6jd7o1_500.png');
height: 300px;
width: 310px;
background-size: 100%;
transform: rotate(-45deg);
background-repeat: no-repeat;
opacity: 0.9;
}

#chuu {
position: absolute;
z-index: 1;
right: 0px;
bottom: 0px;
background-image: url('https://cdn130.picsart.com/279757358007211.png?type=webp&to=min&r=640');
background-repeat: no-repeat;
width: 300px;
height: 410px;
background-size: 100%;
opacity: 0.6;
}

#hangul {
position: absolute;
z-index: 2;
left: 520px;
bottom: -44px;
height: 120px;
width: 200px;
background-size: 100%;
background-repeat: no-repeat;
background-image: url('http://i.picpar.com/xhlf.png');
transform: rotate(0deg);
opacity: 1;
}

#heart {
position: absolute;
z-index: 3;
right: 210px;
bottom: 203px;
height: 80px;
width: 80px;
background-image: url('https://images.squarespace-cdn.com/content/v1/58ad28e2e3df28b8c47a3b47/1554235776274-D6RZU21PF3B7I4GKQZM4/ke17ZwdGBToddI8pDm48kAf-OpKpNsh_OjjU8JOdDKBZw-zPPgdn4jUwVcJE1ZvWQUxwkmyExglNqGp0IvTJZUJFbgE-7XRK3dMEBRBhUpxq_kr5JmUSWzdbeQhVZ8KGVEAfgr0ybhloMHNIqvT8SMftTfHgE5YY4gbHxAHibYY/autumn-hearts-gif.gif');
background-repeat: no-repeat;
background-size: 100%;
}

#attack {
position: absolute;
z-index: 1;
bottom: 3px;
left: 0px;
height: 60px;
width: 535px;
background-color: transparent;
}

#typist {
position: absolute;
z-index: 1;
left: 350px;
bottom: 75px;
border: 1px dotted #FF9D52;
background-color: #fff;
height: 173px;
width: 251px;
padding: 5px;
overflow-y: auto;
line-height: 15px;
font-size: 11px;
font-family: 'Overlock';
color: #9D5A26;
}

#dream {
position: absolute;
z-index: 1;
left: 300px;
bottom: 275px;
border: 1px dotted #FF9D52;
background-color: #fff;
height: 212px;
width: 301px;
overflow-y: auto;
padding: 5px;
line-height: 15px;
font-size: 11px;
font-family: 'Overlock';
color: #9D5A26;
}

#catcher {
position: absolute;
z-index: 1;
left: 18px;
bottom: 75px;
border: 1px dotted #FF9D52;
background-color: #fff;
height: 412px;
width: 252px;
overflow-y: auto;
padding: 5px;
line-height: 15px;
font-size: 11px;
font-family: 'Overlock';
color: #9D5A26;
}

#aespa {
position: absolute;
z-index: 3;
right: 70px;
bottom: 385px;
height: 110px;
width: 200px;
background-image: url('http://i.picpar.com/hPlf.png');
background-repeat: no-repeat;
background-size: 100%;
transform: rotate(0deg);
}

#mama {
position: absolute;
z-index: 3;
right: -15px;
bottom: 445px;
height: 80px;
width: 80px;
background-image: url('https://images.squarespace-cdn.com/content/v1/5944499736e5d3c690ba6b49/1586465858083-9OOBME08WBGKKD76PCXQ/ke17ZwdGBToddI8pDm48kNvV6_WIX1KUxuqJJC_B0G57gQa3H78H3Y0txjaiv_0fDoOvxcdMmMKkDsyUqMSsMWxHk725yiiHCCLfrh8O1z5QPOohDIaIeljMHgDF5CVlOqpeNLcJ80NK65_fV7S1UQYsWAxyPACiZqZTosyp2urw3PMp0vPDujQsCTF-QlYFZtJ3qR9G2BYeA0wOAaeYNg/Hearts1_Haley_Ivers.gif');
background-repeat: no-repeat;
background-size: 95%;
transform: rotate(23deg);
}

#moo {
position: absolute;
z-index: 3;
right: 178px;
bottom: 330px;
height: 80px;
width: 80px;
background-image: url('https://media4.giphy.com/media/NlHITdcw09EbvSX16i/source.gif');
background-repeat: no-repeat;
background-size: 70%;
transform: rotate(-39deg);
}

#moonbyul {
position: absolute;
z-index: 1;
left: 296px;
bottom: 122px;
width: 0;
height: 0;
border-left: 20px solid transparent;
border-right: 20px solid transparent;
border-bottom: 40px solid #FF9D52;
}

#hwasa {
position: absolute;
z-index: 1;
left: 296px;
bottom: 75px;
width: 0;
height: 0;
border-left: 20px solid transparent;
border-right: 20px solid transparent;
border-top: 40px solid #FF9D52;
}

#wheein {
position: absolute;
z-index: 1;
left: 296px;
bottom: 173px;
width: 0;
height: 0;
border-left: 20px solid transparent;
border-right: 20px solid transparent;
border-top: 40px solid #FF9D52;
}

#solar {
position: absolute;
z-index: 1;
left: 296px;
bottom: 220px;
width: 0;
height: 0;
border-left: 20px solid transparent;
border-right: 20px solid transparent;
border-bottom: 40px solid #FF9D52;
}

h1 {
font-family: 'Redressed';
text-align: right;
font-size: 15px;
background-image: linear-gradient(to left, #FFC64D, #FF923E);
line-height: 10px;
margin-top: 2px;
margin-bottom: 4px;
letter-spacing: 1px;
color: #FFFB89;
}

.glow {
 font-size: 15px;
 color: #fff;
 text-align: right;
 -webkit-animation: glow 1s ease-in-out infinite alternate;
 -moz-animation: glow 1s ease-in-out infinite alternate;
 animation: glow 1s ease-in-out infinite alternate;
}

@-webkit-keyframes glow {
 from {
 text-shadow: 0 0 1px #fff, 0 0 2px #fff, 0 0 3px #FFFB89, 0 0 4px #D1CD40, 0 0 5px #D1CD40, 0 0 8px #D1CD40, 0 0 8px #D1CD40;
 }

 to {
 text-shadow: 0 0 2px #fff, 0 0 3px #C8C327, 0 0 4px #C8C327, 0 0 5px #C8C327, 0 0 8px #C8C327, 0 0 8px #C8C327, 0 0 9px #C8C327;
 }
}

b {
font-family: 'Aladin';
color: #CE8B4D;
font-size: 10.5px;
}

a {
color: #CE6E9A;
text-decoration: none;
font-family: 'Emilys Candy';
font-size: 10px;
}

a:hover {
text-decoration: none;
color: #FF7103;
}


</style>
<div id="secret" oncontextmenu="return false;">
<div id="number">
<div id="flower"></div>
<div id="chuu"></div>
<div id="hangul"></div>
<div id="aespa"></div>
<div id="mama"></div>
<div id="moo"></div>
<a href="#1"><div id="hwasa"></div></a>
<a href="#4"><div id="moonbyul"></div></a>
<a href="#3"><div id="wheein"></div></a>
<a href="#2"><div id="solar"></div></a>
<div id="heart"></div>
<div id="attack"><marquee direction="left" scrolldelay="140" height="60" width="535"><img style="border: 3px solid #FF9D52; height: 46px; width: 46px; border-radius: 0%;" src="https://i.pinimg.com/originals/f7/67/98/f7679898d7034d6c245ad7545df1bcc9.gif" title="Astrid Wolfe; best-friend, long-time crush. Girlfriend?! Wants to attack her heart."></img>
<img style="border: 3px solid #FF9D52; height: 46px; width: 46px; border-radius: 0%;" src="https://64.media.tumblr.com/2ba908763144ba4a12a1a1db4d504bd4/16a7c191c1323051-41/s640x960/e735f0701b2cf89e92374373662bb5ccf476fb23.jpg" title="Francesca Trelawney; good friend, newspaper buddy. Thinks her taste is terrible at times, but overall enjoys her company."></img>
<img style="border: 3px solid #FF9D52; height: 46px; width: 46px; border-radius: 0%;" src="https://i.pinimg.com/originals/83/52/cf/8352cf452c52068d115b8aaedfaa5acd.gif" title="'Tay' Park (first name unknown); American boy, Frannie's hanger-on. Too cocky based on first impression."></img>
<img style="border: 3px solid #FF9D52; height: 46px; width: 46px; border-radius: 0%;" src="https://i.pinimg.com/originals/28/90/34/28903435caca1ecfc9a072c24f264b31.gif" title="Primrose Babineaux; pretty girl, seems kind of sullen, though."></img>
<img style="border: 3px solid #FF9D52; height: 46px; width: 46px; border-radius: 0%;" src="https://cnicholson2014.files.wordpress.com/2018/10/img_3590.gif?w=880" title="Saoirse O'Connor; 6th year Hufflepuff and eccentric girl. Thinks she's quite fun."></img>
<img style="border: 3px solid #FF9D52; height: 46px; width: 46px; border-radius: 0%;" src="https://i.imgur.com/lZM2geJ.gif" title="Percy Nettle; first-year student and a good kid all around. Very inquisitive. His familiars are very cute."></img>
<img style="border: 3px solid #FF9D52; height: 46px; width: 46px; border-radius: 0%;" src="https://pa1.narvii.com/6687/f2d922e7f2ee14a2f87f401b718c562d66342e29_hq.gif" title="TITLE HERE."></img>
<img style="border: 3px solid #FF9D52; height: 46px; width: 46px; border-radius: 0%;" src="https://pa1.narvii.com/6687/f2d922e7f2ee14a2f87f401b718c562d66342e29_hq.gif" title="TITLE HERE."></img>
<img style="border: 3px solid #FF9D52; height: 46px; width: 46px; border-radius: 0%;" src="https://pa1.narvii.com/6687/f2d922e7f2ee14a2f87f401b718c562d66342e29_hq.gif" title="TITLE HERE."></img>
<img style="border: 3px solid #FF9D52; height: 46px; width: 46px; border-radius: 0%;" src="https://pa1.narvii.com/6687/f2d922e7f2ee14a2f87f401b718c562d66342e29_hq.gif" title="TITLE HERE."></img>      </marquee></div>
<div id="typist"><h1 class="glow">OOC</h1>
<B>00.</B> Coded by <a href="//roleplay.chat/profile.php?user=Sailor+Chuu" target="_blank">me</a>, do not touch! The tabs are currently disabled, I'll code them in eventually.</div>
<div id="dream"><h1 class="glow">School Dossier</h1>
<B>School:</B> <font style=float:right>Hogwarts.</font><br>
<B>House:</B> <font style=float:right>Hufflepuff.</font><br>
<B>Year:</B> <font style=float:right>Seven.</font><br>
<B>Wand Wood:</B> <font style=float:right>Alder.</font><br>
<B>Core:</B> <font style=float:right>Unicorn Tail Hair.</font><br>
<B>Flexibility:</B> <font style=float:right>Unyielding.</font><br>
<B>Length:</B> <font style=float:right>10 in.</font><br>
<B>Familiar:</B> <font style=float:right>Toad: "Byeol-i".</font><br>
<B>Patronus:</B> <font style=float:right>Fox.</font><br>
<B>Boggart:</B> <font style=float:right>Invisibility.</font><br>
<B>Amortentia:</B> <font style=float:right>Coffee beans, chicken bulgogi.</font><br>
<B>Interests:</B> <font style=float:right>D.A.D.A.; Occlumency; Alchemy.</font><br>
<B>Likes:</B> <font style=float:right>Arithmancy; CoMC; Potions; Charms.</font><br>
<B>Dislikes:</B> <font style=float:right>Muggle Studies.</font><br>
<h1 class="glow">Extracurriculars</h1>
Mi-Sun is something of an <i>overachiever</i> when it comes to activities outside of class because it seems as though she has her hands in pretty much everything. She is a member of the <B>Frog Choir</B> alongside her toad, Byeol-i, and is classified as a soprano, though her tone suggests she is something of a 'Dugazon' <a title="In a choir, this classification is applied to a soubrette with darker vocal coloring.">♥</a>. However, what really makes her standout is the developed breath support she demonstrates with fully-evolved <i>lownotes.</i> <br>
Recently, she signed up for the tentatively-forming Quidditch Cheerleading Squad. She is also the <B>Deputy Editor</B> of the <a href="" target="_blank">Hogwarts Gazette</a>, a club she helped Hufflepuff Prefect Francesca Trelawney initiate.</div>
<div id="catcher"><h1 class="glow">Statistics</h1>
<B>Name:</B> <font style=float:right>Myoh Mi-Sun<a title="묘미선. Could be romanicized as Mi-Seon, but she prefers 'sun' because it's 'cuter.'">*</a>.</font><br>
<B>Nickname(s):</B> <font style=float:right>Missy, Sunny.</font><br>
<B>Age:</B> <font style=float:right>Eighteen.</font><br>
<B>Birthdate:</B> <font style=float:right>10/18/2002.</font><br>
<B>Birthtime:</B> <font style=float:right>3:03 AM.</font><br>
<B>Sun Sign:</B> <font style=float:right>Libra.</font><br>
<B>Gender:</B> <font style=float:right>Female.</font><br>
<B>Birthplace:</B> <font style=float:right>Melbourne, AUS.</font><br>
<B>Ethnicity:</B> <font style=float:right>Korean.</font><br>
<B>Nationality:</B> <font style=float:right>Australian.</font><br>
<B>Orientation:</B> <font style=float:right>Homosexual.</font><br>
<B>Marital:</B> <font style=float:right><a href="//roleplay.chat/profile.php?user=Astrid+Wolfe" target="_blank">Wolfe</a>.</font><br>
<B>Alignment:</B> <font style=float:right>Good.</font><br>
<B>Affiliation:</B> <font style=float:right>Hogwarts.</font><br>
<B>Blood Status:</B> <font style=float:right>Pureblood.</font><br>
<B>Blood Type:</B> <font style=float:right>A+.</font><br>
<B>Hair Color:</B> <font style=float:right>Black (Dyes).</font><br>
<B>Eye Color:</B> <font style=float:right>Coffee.</font><br>
<B>Skin Tone:</B> <font style=float:right>Olive.</font><br>
<B>Complexion:</B> <font style=float:right>Smooth.</font><br>
<B>Height:</B> <font style=float:right>5'1".</font><br>
<B>Weight:</B> <font style=float:right>99 lbs.</font><br>
<B>Scent:</B> <font style=float:right>Honey & Pumpkin Spice.</font><br>
<B>Handedness:</B> <font style=float:right>Left-Dominant.</font><br>
<B>Faceclaim:</B> <font style=float:right>Kim Jiwoo (Chuu).</font>
<h1 class="glow">Appearance</h1></div>
</div>