Multiple Settings Island of the Lost - OOC/Character Apps

[Daddy Dream]

Race

First Last Name

• xxxBASIC INFORMATIONxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
• xxxBACKSTORYxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
• xxxABILITIESxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
• xxxEXTRA NOTESxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx

• ATTACK

  DEFENSE

  SPEED

  INTELLIGENCE

  “

  ”

  Enter Comment Here

  Name

  FIRST NAME

  Race

  Human

  Gender

  ENTER GENDER HERE

  Role

  ENTER ROLE HERE

  Age

  ENTER AGE HERE

  Played By

  Played by ENTER USERNAME HERE

  Appearance

  HEIGHT:
  BUILD:
  HAIR:
  EYES:
  IDENTIFYING MARKS:ANYTHING THAT WOULD HAVE THEM BE MORE MEMORABLE

  Personality

  GENERAL PERSONALITY TRAITS
  
  
  
  
  CHARACTER LIKES
  
  
  
  
  CHARACTER DISLIKES
  
  
  
  
• Backstory

  PAST SELF BACKSTORY
  ENTER A BACKSTORY OF WHAT WAS HAPPENING BEFORE YOU WERE TAKEN TO THE ISLAND
  
  

  Attributes

  CHARACTER GOAL

  IF YOURE CHARACTER HAS ONE
  
  

  POSITIVE ATTRIBUTES

  
  
  
  
  

  NEGATIVE ATTRIBUTES

  
  
  
  
  
• Skills and Abilities

  NAME OF SKILL

  
  
  

  NAME OF SKILL

  
  
  

  NAME OF SKILL

  
  
  

  NAME OF SKILL

  
  
  
• Inventory

  Weapons

  
  
  
  

  Items

  
  
  
  

  Other

  
  
  

Spoiler: Code

[border="0; padding: 0;
     --bgpattern: url('https://i.pinimg.com/originals/d8/ec/94/d8ec94245e52ecb41a6ece2402770f63.gif') center/cover no-repeat;
     --bg2color: #0B7784;
     --maincolor: #F7C2A4;
     --grey: #FBA066;
     --textcolor: #FBA066;

     --img01: url('https://i.pinimg.com/236x/a1/00/17/a10017ddcad7fd3a1dd4df5c93e3a32d.jpg') center/cover no-repeat;
     --img02: url('https://i.pinimg.com/236x/72/87/57/728757270a9345d08ac9f8723b71e2fc.jpg') center/cover no-repeat;
     --img03: url('https://i.pinimg.com/originals/9b/24/07/9b240728a3178aeb1efc82579a7a2c61.gif') center/cover no-repeat;

     background: var(--bgpattern);
     padding: 75px 0;
     width: 100%;
     font-size: initial;
"][border=0; display: flex; flex-flow: row wrap; justify-content: center; margin: 0 auto; padding: 0; width: 100%; max-width: 1000px; min-width: 250px;][comment]

// start of left side //

[/comment][border=0; padding: 0; flex: 2; width: 100%; max-width: 500px; min-width: 250px; height: 70vh; max-height: 600px; min-height: 400px; background: var(--img01); position: relative; overflow: hidden; pointer-events: none; z-index: 1;][comment]

// start of nameplate //

[/comment][border=0; bottom: 35px; left: 35px; padding: 0; width: calc(100% - 35px); position: absolute; pointer-events: auto;][border="0; padding: 0; font-family: 'Handlee', cursive; font-size: 1.0em; line-height: 80%; color: var(--maincolor); text-shadow: 1px 1px var(--black); text-transform: uppercase;"]Race[/border][border="0; padding: 0; font-size: 3.0em; line-height: 80%; color: var(--maincolor); text-shadow: 1px 1px var(--textcolor);"][font=Handlee]First Last Name[/font][/border][/border][comment]

// end of nameplate //

[/comment][/border][comment]

// end of left side --- start of right side //

[/comment][border=0; padding: 0; flex: 3; width: 100%; max-width: 600px; min-width: 250px; height: 70vh; max-height: 600px; min-height: 400px; background: var(--bg2color); position: relative;][comment]

// start of tab covers //

[/comment][border=0; left: -13px; top: 47px; padding: 0; position: absolute; pointer-events: none; z-index: 2;][border=2px solid var(--grey); display: flex; justify-content: center; align-items: center; padding: 0; height: 21px; width: 21px; background: var(--bg2color); transform: rotate(45deg);][border=0; padding: 0; height: 13px; width: 13px; background: var(--grey);][/border][/border][border=2px solid var(--grey); display: flex; justify-content: center; align-items: center; margin-top: 18px; padding: 0; height: 21px; width: 21px; background: var(--bg2color); transform: rotate(45deg);][border=0; padding: 0; height: 13px; width: 13px; background: var(--grey);][/border][/border][border=2px solid var(--grey); display: flex; justify-content: center; align-items: center; margin-top: 18px; padding: 0; height: 21px; width: 21px; background: var(--bg2color); transform: rotate(45deg);][border=0; padding: 0; height: 13px; width: 13px; background: var(--grey);][/border][/border][border=2px solid var(--grey); display: flex; justify-content: center; align-items: center; margin-top: 18px; padding: 0; height: 21px; width: 21px; background: var(--bg2color); transform: rotate(45deg);][border=0; padding: 0; height: 13px; width: 13px; background: var(--grey);][/border][/border][/border][comment]

...

[/comment][border=0; padding: 0; width: 100%; height: 70vh; max-height: 600px; min-height: 400px; background: var(--bg2color); position: absolute; z-index: 1; pointer-events: none;][/border][comment]

// end of tab covers ------- start of tabs //

[/comment][border=0; margin-top: 40px; margin-left: -40px; padding: 0; width: 100%; height: 300px; line-height: 38px; overflow: hidden;][tabs]





[tab=xxxBASIC INFORMATIONxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx][border=2px solid var(--grey); top: 47px; left: -13px; display: flex; justify-content: center; align-items: center; padding: 0; height: 21px; width: 21px; background: var(--bg2color); transform: rotate(45deg); position: absolute; z-index: 2;][border=0; padding: 0; height: 13px; width: 13px; background: var(--maincolor);][/border][/border][border=0; left: 30px; top: 30px; padding: 0; width: calc(100% - 30px); height: calc(70vh - 60px); max-height: 540px; min-height: 340px; position: absolute; z-index: 2; overflow: hidden; line-height: initial;][border=0; padding: 0; padding-right: 50px; width: calc(100% - 15px); height: calc(70vh - 60px); max-height: 540px; min-height: 340px; overflow-y: scroll;][comment]

// start of profile icon + stat bars //

[/comment][border=0; display: flex; flex-flow: row-reverse wrap; margin-left: -15px; padding: 0; width: calc(100% + 15px);][comment]

// start of profile icon //

[/comment][border=0px; margin-left: 15px; padding: 0; flex: 2; width: 100%; min-width: 150px;][border=1px solid var(--grey); box-sizing: border-box; margin-bottom: 15px; padding: 10px; width: 100%;][border=0; padding: 0; width: 100%; padding-top: 100%; background: var(--img02);][/border][/border][/border][comment]

// end of profile icon ------ start of stat bars //

[/comment][border=0; display: flex; flex-flow: column nowrap; justify-content: space-between; margin-left: 15px; margin-bottom: 15px; padding: 0; flex: 5; width: 100%; min-width: 200px;][comment]

--- stat one ---

[/comment][border=0; margin-top: 5px; padding: 0; width: 100%;][border="0; margin-bottom: 1px; padding: 0; padding-left: 10px; font-family: 'Handlee', cursive; font-size: 1em; line-height: 100%; color: var(--maincolor); text-align: left;"]ATTACK[/border][border=1px solid var(--grey); box-sizing: border-box; padding: 4px; width: 100%;][border=0; padding: 0; width: 100%; height: 7px; background: var(--grey);][border=0; padding: 0; width: 40%; height: 7px; background: var(--maincolor);][comment]----------------------This border/box adjusts the stat value. Just change the % value of the width----------------------[/comment][/border][/border][/border][/border][comment]

--- stat two ---

[/comment][border=0; padding: 0; width: 100%;][border="0; margin-bottom: 1px; padding: 0; padding-left: 10px; font-family: 'Handlee', cursive; font-size: 1em; line-height: 100%; color: var(--maincolor); text-align: left;"]DEFENSE[/border][border=1px solid var(--grey); box-sizing: border-box; padding: 4px; width: 100%;][border=0; padding: 0; width: 100%; height: 7px; background: var(--grey);][border=0; padding: 0; width: 65%; height: 7px; background: var(--maincolor);][comment]----------------------This border/box adjusts the stat value. Just change the % value of the width----------------------[/comment][/border][/border][/border][/border][comment]

--- stat three ---

[/comment][border=0; padding: 0; width: 100%;][border="0; margin-bottom: 1px; padding: 0; padding-left: 10px; font-family: 'Handlee', cursive; font-size: 1em; line-height: 100%; color: var(--maincolor); text-align: left;"]SPEED[/border][border=1px solid var(--grey); box-sizing: border-box; padding: 4px; width: 100%;][border=0; padding: 0; width: 100%; height: 7px; background: var(--grey);][border=0; padding: 0; width: 50%; height: 7px; background: var(--maincolor);][comment]----------------------This border/box adjusts the stat value. Just change the % value of the width----------------------[/comment][/border][/border][/border][/border][comment]

--- stat four ---

[/comment][border=0; margin-bottom: 5px; padding: 0; width: 100%;][border="0; margin-bottom: 1px; padding: 0; padding-left: 10px; font-family: 'Handlee', cursive; font-size: 1em; line-height: 100%; color: var(--maincolor); text-align: left;"]INTELLIGENCE[/border][border=1px solid var(--grey); box-sizing: border-box; padding: 4px; width: 100%;][border=0; padding: 0; width: 100%; height: 7px; background: var(--grey);][border=0; padding: 0; width: 90%; height: 7px; background: var(--maincolor);][comment]----------------------This border/box adjusts the stat value. Just change the % value of the width----------------------[/comment][/border][/border][/border][/border][comment]


[/comment][/border][comment]

// end of stats //

[/comment][/border][comment]

// end of profile icon + stat bars ------ start of quote box //

[/comment][border=0; margin: 35px 0 25px; padding: 0; width: 100%; position: relative;][border="0; top: -22px; left: -5px; padding: 0; font-family: 'Playfair Display', serif; font-size: 185px; line-height: 70%; color: var(--grey); position: absolute;"]“[/border][border="0; bottom: -80px; right: -5px; padding: 0; font-family: 'Playfair Display', serif; font-size: 185px; line-height: 70%; color: var(--grey); position: absolute;"]”[/border][comment]

// quote //

[/comment][border="0; margin: 0 auto; padding: 0; width: calc(100% - 20px); font-family: 'Handlee', cursive; font-size: 1.5em; line-height: 100%; color: var(--textcolor); text-align: center; position: relative;"]Enter Comment Here[/border][comment]

// end of quote //

[/comment][/border][comment]

// end of quote box ------ start of basic information //

[/comment][comment]

--- row 1 ---

[/comment][border=0; display: flex; flex-flow: row wrap; margin-left: -20px; padding: 0;][comment]

------ stat 01 ------

[/comment][border=0; border-bottom: 1px solid var(--maincolor); margin-top: 30px; margin-left: 20px; padding: 0; flex: 1; min-width: 200px;][border="0; box-sizing: border-box; padding: 0; padding-left: 5px; font-family: 'Handlee', cursive; font-size: 0.9em; line-height: 100%; color: var(--maincolor); text-transform: uppercase;"]Name[/border][border="0; box-sizing: border-box; margin: 9px 0 15px; padding: 0; padding-left: 20px; font-family: 'Handlee', sans-serif; font-size: 0.8em; font-weight: 700; line-height: 100%; color: var(--textcolor); text-transform: uppercase;"][fa]far fa-solid fa-water[/fa] FIRST NAME[/border][/border][comment]


------ stat 02 ------

[/comment][border=0; border-bottom: 1px solid var(--maincolor); margin-top: 30px; margin-left: 20px; padding: 0; flex: 1; min-width: 200px;][border="0; box-sizing: border-box; padding: 0; padding-left: 5px; font-family: 'Handlee', cursive; font-size: 0.9em; line-height: 100%; color: var(--maincolor); text-transform: uppercase;"]Race[/border][border="0; box-sizing: border-box; margin: 9px 0 15px; padding: 0; padding-left: 20px; font-family: 'Handlee', sans-serif; font-size: 0.8em; font-weight: 700; line-height: 100%; color: var(--textcolor); text-transform: uppercase;"][fa]far fa-solid fa-water[/fa] Human[/border][/border][/border][comment]

--- row 2 ---

[/comment][border=0; display: flex; flex-flow: row wrap; margin-left: -20px; padding: 0;][comment]

------ stat 03 ------

[/comment][border=0; border-bottom: 1px solid var(--maincolor); margin-top: 30px; margin-left: 20px; padding: 0; flex: 1; min-width: 200px;][border="0; box-sizing: border-box; padding: 0; padding-left: 5px; font-family: 'Handlee', cursive; font-size: 0.9em; line-height: 100%; color: var(--maincolor); text-transform: uppercase;"]Gender[/border][border="0; box-sizing: border-box; margin: 9px 0 15px; padding: 0; padding-left: 20px; font-family: 'Handlee', sans-serif; font-size: 0.8em; font-weight: 700; line-height: 100%; color: var(--textcolor); text-transform: uppercase;"][fa]far fa-solid fa-water[/fa] ENTER GENDER HERE[/border][/border][comment]

------ stat 04 ------

[/comment][border=0; border-bottom: 1px solid var(--maincolor); margin-top: 30px; margin-left: 20px; padding: 0; flex: 1; min-width: 200px;][border="0; box-sizing: border-box; padding: 0; padding-left: 5px; font-family: 'Handlee', cursive; font-size: 0.9em; line-height: 100%; color: var(--maincolor); text-transform: uppercase;"]Role[/border][border="0; box-sizing: border-box; margin: 9px 0 15px; padding: 0; padding-left: 20px; font-family: 'Handlee', sans-serif; font-size: 0.8em; font-weight: 700; line-height: 100%; color: var(--textcolor); text-transform: uppercase;"][fa]far fa-solid fa-water[/fa] ENTER ROLE HERE[/border][/border][/border][comment]

--- row 3 ---

[/comment][border=0; display: flex; flex-flow: row wrap; margin-left: -20px; padding: 0;][comment]

------ stat 05 ------

[/comment][border=0; border-bottom: 1px solid var(--maincolor); margin-top: 30px; margin-left: 20px; padding: 0; flex: 1; min-width: 200px;][border="0; box-sizing: border-box; padding: 0; padding-left: 5px; font-family: 'Handlee', cursive; font-size: 0.9em; line-height: 100%; color: var(--maincolor); text-transform: uppercase;"]Age[/border][border="0; box-sizing: border-box; margin: 9px 0 15px; padding: 0; padding-left: 20px; font-family: 'Handlee', sans-serif; font-size: 0.8em; font-weight: 700; line-height: 100%; color: var(--textcolor); text-transform: uppercase;"][fa]far fa-solid fa-water[/fa] ENTER AGE HERE[/border][/border][comment]

------ stat 06 ------

[/comment][border=0; border-bottom: 1px solid var(--maincolor); margin-top: 30px; margin-left: 20px; padding: 0; flex: 1; min-width: 200px;][border="0; box-sizing: border-box; padding: 0; padding-left: 5px; font-family: 'Handlee', cursive; font-size: 0.9em; line-height: 100%; color: var(--maincolor); text-transform: uppercase;"]Played By[/border][border="0; box-sizing: border-box; margin: 9px 0 15px; padding: 0; padding-left: 20px; font-family: 'Handlee', sans-serif; font-size: 0.8em; font-weight: 700; line-height: 100%; color: var(--textcolor); text-transform: uppercase;"][fa]far fa-solid fa-water[/fa] Played by [user=]ENTER USERNAME HERE[/user][/border][/border][/border][comment]

// end of basic information ------ start of appearance //

[/comment][border=0; border-bottom: 1px solid var(--grey); margin-top: 60px; padding: 0 0 3px 0;][border="0; display: inline; border-bottom: 3px solid var(--maincolor); box-sizing: border-box; padding: 0 5px; font-family: 'Handlee', cursive; font-size: 1.5em; line-height: 100%; color: var(--maincolor); text-transform: uppercase;"]Appearance[/border][/border][border="0; margin-top: 25px; padding: 0; font-family: 'Handlee', sans-serif; font-size: 0.95em; line-height: 140%; color: var(--textcolor); text-align: justify;"][B]HEIGHT: [/B] 
[B]BUILD:[/B] 
[B]HAIR:[/B] 
[B]EYES:[/B] 
[B]IDENTIFYING MARKS:[/B]ANYTHING THAT WOULD HAVE THEM BE MORE MEMORABLE[/border][comment]

// end of appearance ------ start of personality //

[/comment][border=0; border-bottom: 1px solid var(--grey); margin-top: 60px; padding: 0 0 3px 0;][border="0; display: inline; border-bottom: 3px solid var(--maincolor); box-sizing: border-box; padding: 0 5px; font-family: 'Handlee', cursive; font-size: 1.5em; line-height: 100%; color: var(--maincolor); text-transform: uppercase;"]Personality[/border][/border][border="0; margin-top: 25px; padding: 0; font-family: 'Handlee', sans-serif; font-size: 0.95em; line-height: 140%; color: var(--textcolor); text-align: justify;"][B][U]GENERAL PERSONALITY TRAITS[/U][/B]
[fa]far fa-solid fa-water[/fa] 
[fa]far fa-solid fa-water[/fa] 
[fa]far fa-solid fa-water[/fa] 

[B][U]CHARACTER LIKES[/U][/B]
[fa]far fa-solid fa-water[/fa] 
[fa]far fa-solid fa-water[/fa] 
[fa]far fa-solid fa-water[/fa] 

[B][U]CHARACTER DISLIKES[/U][/B]
 [fa]far fa-solid fa-water[/fa] 
 [fa]far fa-solid fa-water[/fa] 
 [fa]far fa-solid fa-water[/fa] 
[/border][comment]

// end of personality //

[/comment][/border][/border][/tab]





[tab=xxxBACKSTORYxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx][border=2px solid var(--grey); top: 90px; left: -13px; display: flex; justify-content: center; align-items: center; padding: 0; height: 21px; width: 21px; background: var(--bg2color); transform: rotate(45deg); position: absolute; z-index: 2;][border=0; padding: 0; height: 13px; width: 13px; background: var(--maincolor);][/border][/border][border=0; left: 30px; top: 30px; padding: 0; width: calc(100% - 30px); height: calc(70vh - 60px); max-height: 540px; min-height: 340px; position: absolute; z-index: 2; overflow: hidden; line-height: initial;][border=0; padding: 0; padding-right: 50px; width: calc(100% - 15px); height: calc(70vh - 60px); max-height: 540px; min-height: 340px; overflow-y: scroll;][comment]

// start of backstory //

[/comment][border=0; border-bottom: 1px solid var(--grey); padding: 0 0 3px 0;][border="0; display: inline; border-bottom: 3px solid var(--maincolor); box-sizing: border-box; padding: 0 5px; font-family: 'Handlee', cursive; font-size: 1.5em; line-height: 100%; color: var(--maincolor); text-transform: uppercase;"]Backstory[/border][/border][border="0; margin-top: 25px; padding: 0; font-family: 'Handlee', sans-serif; font-size: 0.95em; line-height: 140%; color: var(--textcolor); text-align: justify;"][B][U]PAST SELF BACKSTORY [/U][/B]
[fa]far fa-solid fa-water[/fa] ENTER A BACKSTORY OF WHAT WAS HAPPENING BEFORE YOU WERE TAKEN TO THE ISLAND

[/border][comment]

// end of backstory ------ start of filler image //

[/comment][border=0px solid var(--grey); margin-top: 55px; margin-bottom: 55px; padding: 10px; box-sizing: border-box;][border=0; padding: 0; width: 100%; height: 250px; background: var(--img03);][/border][/border][comment]

// end of filler image ------ start of relationships //

[/comment][border=0; border-bottom: 1px solid var(--grey); padding: 0 0 3px 0;][border="0; display: inline; border-bottom: 3px solid var(--maincolor); box-sizing: border-box; padding: 0 5px; font-family: 'Handlee', cursive; font-size: 1.5em; line-height: 100%; color: var(--maincolor); text-transform: uppercase;"]Attributes[/border][/border][border="0; margin-top: 25px; padding: 0; font-family: 'Handlee', sans-serif; font-size: 0.95em; line-height: 140%; color: var(--textcolor); text-align: justify;"][border="0; margin-left: 10px; margin-bottom: 10px; padding: 0; font-family: 'Handlee', cursive; font-size: 0.9em; line-height: 100%; color: var(--maincolor); text-align: left; text-transform: uppercase;"]CHARACTER GOAL[/border][fa]far fa-solid fa-water[/fa] IF YOURE CHARACTER HAS ONE

[border="0; margin-left: 10px; margin-bottom: 10px; padding: 0; font-family: 'Handlee', cursive; font-size: 0.9em; line-height: 100%; color: var(--maincolor); text-align: left; text-transform: uppercase;"]POSITIVE ATTRIBUTES[/border][fa]far fa-solid fa-water[/fa] 
[fa]far fa-solid fa-water[/fa] 
[fa]far fa-solid fa-water[/fa] 

[border="0; margin-left: 10px; margin-bottom: 10px; padding: 0; font-family: 'Handlee', cursive; font-size: 0.9em; line-height: 100%; color: var(--maincolor); text-align: left; text-transform: uppercase;"]NEGATIVE ATTRIBUTES[/border][fa]far fa-solid fa-water[/fa] 
[fa]far fa-solid fa-water[/fa] 
[fa]far fa-solid fa-water[/fa] 

[/border][comment]

// end of relationships //

[/comment][/border][/border][/tab]





[tab=xxxABILITIESxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx][border=2px solid var(--grey); top: 133px; left: -13px; display: flex; justify-content: center; align-items: center; padding: 0; height: 21px; width: 21px; background: var(--bg2color); transform: rotate(45deg); position: absolute; z-index: 2;][border=0; padding: 0; height: 13px; width: 13px; background: var(--maincolor);][/border][/border][border=0; left: 30px; top: 30px; padding: 0; width: calc(100% - 30px); height: calc(70vh - 60px); max-height: 540px; min-height: 340px; position: absolute; z-index: 2; overflow: hidden; line-height: initial;][border=0; padding: 0; padding-right: 50px; width: calc(100% - 15px); height: calc(70vh - 60px); max-height: 540px; min-height: 340px; overflow-y: scroll;][comment]

// start of abilities //

[/comment][border=0; border-bottom: 1px solid var(--grey); padding: 0 0 3px 0;][border="0; display: inline; border-bottom: 3px solid var(--maincolor); box-sizing: border-box; padding: 0 5px; font-family: 'Handlee', cursive; font-size: 1.5em; line-height: 100%; color: var(--maincolor); text-transform: uppercase;"]Skills and Abilities[/border][/border][border="0; margin-top: 25px; padding: 0; font-family: 'Handlee', sans-serif; font-size: 0.95em; line-height: 140%; color: var(--textcolor); text-align: justify;"][border="0; margin-left: 10px; margin-bottom: 10px; padding: 0; font-family: 'Handlee', cursive; font-size: 0.9em; line-height: 100%; color: var(--maincolor); text-align: left; text-transform: uppercase;"]NAME OF SKILL[/border][fa]far fa-solid fa-water[/fa] 

[border="0; margin-left: 10px; margin-bottom: 10px; padding: 0; font-family: 'Handlee', cursive; font-size: 0.9em; line-height: 100%; color: var(--maincolor); text-align: left; text-transform: uppercase;"]NAME OF SKILL[/border][fa]far fa-solid fa-water[/fa] 

[border="0; margin-left: 10px; margin-bottom: 10px; padding: 0; font-family: 'Handlee', cursive; font-size: 0.9em; line-height: 100%; color: var(--maincolor); text-align: left; text-transform: uppercase;"]NAME OF SKILL[/border][fa]far fa-solid fa-water[/fa] 

[border="0; margin-left: 10px; margin-bottom: 10px; padding: 0; font-family: 'Handlee', cursive; font-size: 0.9em; line-height: 100%; color: var(--maincolor); text-align: left; text-transform: uppercase;"]NAME OF SKILL[/border][fa]far fa-solid fa-water[/fa] 

[/border][comment]

// end of abilities //

[/comment][/border][/border][/tab]





[tab=xxxEXTRA NOTESxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx][border=2px solid var(--grey); top: 176px; left: -13px; display: flex; justify-content: center; align-items: center; padding: 0; height: 21px; width: 21px; background: var(--bg2color); transform: rotate(45deg); position: absolute; z-index: 2;][border=0; padding: 0; height: 13px; width: 13px; background: var(--maincolor);][/border][/border][border=0; left: 30px; top: 30px; padding: 0; width: calc(100% - 30px); height: calc(70vh - 60px); max-height: 540px; min-height: 340px; position: absolute; z-index: 2; overflow: hidden; line-height: initial;][border=0; padding: 0; padding-right: 50px; width: calc(100% - 15px); height: calc(70vh - 60px); max-height: 540px; min-height: 340px; overflow-y: scroll;][comment]

// start of extras //

[/comment][border=0; border-bottom: 1px solid var(--grey); padding: 0 0 3px 0;][border="0; display: inline; border-bottom: 3px solid var(--maincolor); box-sizing: border-box; padding: 0 5px; font-family: 'Handlee', cursive; font-size: 1.5em; line-height: 100%; color: var(--maincolor); text-transform: uppercase;"]Inventory[/border][/border][border="0; margin-top: 25px; padding: 0; font-family: 'Handlee', sans-serif; font-size: 0.95em; line-height: 140%; color: var(--textcolor); text-align: justify;"][border="0; margin-left: 10px; margin-bottom: 10px; padding: 0; font-family: 'Handlee', cursive; font-size: 0.9em; line-height: 100%; color: var(--maincolor); text-align: left; text-transform: uppercase;"]Weapons[/border]
[fa]far fa-solid fa-water[/fa] 

[border="0; margin-left: 10px; margin-bottom: 10px; padding: 0; font-family: 'Handlee', cursive; font-size: 0.9em; line-height: 100%; color: var(--maincolor); text-align: left; text-transform: uppercase;"]Items[/border]
[fa]far fa-solid fa-water[/fa] 

[border="0; margin-left: 10px; margin-bottom: 10px; padding: 0; font-family: 'Handlee', cursive; font-size: 0.9em; line-height: 100%; color: var(--maincolor); text-align: left; text-transform: uppercase;"]Other[/border]
[fa]far fa-solid fa-water[/fa] 
[/border][comment]

// end of extras //

[/comment][/border][/border][/tab]



[/tabs][/border][comment]

// end of tabs //

[/comment][/border][comment]

// end of right side //

[/comment][/border][comment][/comment][/border]

 

[Daddy Dream]

scroll

Hold Shift + Scroll

❝

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse finibus erat mi, vel consectetur neque ultrices a.

credit

Sponsor

name.

full name

hello

age

hello

money

300 gold

ethnicity

hello

sponsoring

hello

song name

artist

01.

visage

height

answer

weight

answer

hair c.

answer

eye c.

answer

marks

answer

02.

history

this scrolls if you add enough content.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse finibus erat mi, vel consectetur neque ultrices a. Nulla facilisi. Fusce at quam ut sem pharetra posuere nec nec enim. Mauris rhoncus fermentum sapien, ac finibus mi tempus sed. Praesent sed eros pulvinar, fringilla dui a, vestibulum nisi. Cras blandit enim laoreet orci porta ultrices. Cras purus erat, commodo a rhoncus ac, dapibus quis mauris.

Ut rhoncus libero eu fermentum bibendum. Nullam ac ipsum augue. Donec commodo dui efficitur iaculis venenatis. Mauris a neque pellentesque, faucibus urna vel, dapibus nulla. Sed tincidunt dui sed dictum vestibulum. Ut venenatis urna in elit hendrerit, eu molestie massa efficitur. Nullam sit amet sem ut ligula gravida ultricies. Etiam gravida quis diam at elementum. In dignissim eros ut sapien fringilla, vel lobortis nibh auctor. Sed ut nibh bibendum, tincidunt ex in, mattis odio. Donec egestas facilisis dapibus. Proin varius ornare sapien, at auctor sem lacinia non.

03.

miscellaneous

whatever

hello

whatever

hello

♡coded by uxie♡

Spoiler: Code

[comment]coded by uxie! please do not use w/o permission.

[font=Roboto Condensed][font=Karla][font=Nunito]have a nice day![/font][/font][/font]

[/comment]
[comment]coded by uxie!

fonts used:
[font=Poppins]header[/font]
[font=Crimson Pro]quote[/font]
[font=Karla]subheader/body text[/font]

[/comment][border="transparent;
/*border colour -- make sure it's distinct from the other background*/
--bg-1: #347F94;
/*main background colour*/
--bg-2: #BAD6E2;

/*main accent colour*/
--color-1: #A66F51;
/*secondary accent colour*/
--color-2: #D9A172;

/*header colour*/
--h1: var(--bg-2);
/*quote colour*/
--subtitle: #000000;
/*text colour*/
--t-color: #000000;

/*fonts used*/
--header: 'Poppins', sans-serif;
--quote: 'Crimson Pro', serif;
--body: 'Karla', sans-serif;

/*background image*/
--bg-img: url('https://i.pinimg.com/originals/be/14/1b/be141b5f8bfd10a522176b7c612b9fd0.gif');
/*big image (left/top)*/
--img-1: url('https://i.pinimg.com/originals/57/8c/37/578c377f14a78fbd9bf5bf5a48230c3e.gif');
/*sidebar icon*/
--img-2: url('https://i.pinimg.com/originals/be/14/1b/be141b5f8bfd10a522176b7c612b9fd0.gif');
/*appearance image*/
--img-3: url('https://i.pinimg.com/originals/be/14/1b/be141b5f8bfd10a522176b7c612b9fd0.gif');
/*extra info image*/
--img-4: url('https://i.pinimg.com/originals/be/14/1b/be141b5f8bfd10a522176b7c612b9fd0.gif');

/*gallery images*/
--gimg-1: url('https://i.imgur.com/Zirt7gw.png');
--gimg-2: url('https://i.imgur.com/Zirt7gw.png');
--gimg-3: url('https://i.imgur.com/Zirt7gw.png');
--gimg-4: url('https://i.imgur.com/Zirt7gw.png');
--gimg-5: url('https://i.imgur.com/Zirt7gw.png');
--gimg-6: url('https://i.imgur.com/Zirt7gw.png');

/*relationship images*/
--r1: url('https://i.imgur.com/umdCpUF.png');
--r2: url('https://i.imgur.com/umdCpUF.png');
--r3: url('https://i.imgur.com/umdCpUF.png');
--r4: url('https://i.imgur.com/umdCpUF.png');

height:auto; width:100%; max-width:600px; padding:clamp(10px, 2vw, 15px); box-sizing:border-box; background: var(--bg-1); margin:auto; line-height:0; overflow:hidden; position:relative;"][border=transparent; height:auto; width:100%; padding:clamp(10px, 2vw, 15px); box-sizing:border-box; background: var(--bg-2); overflow:hidden;][border=transparent; height:auto; min-height:400px; width:100%; padding:0; display:flex; flex-flow:row wrap; position:relative; overflow:hidden;]
   [comment]----left/top image----[/comment]
   [border=transparent; height:400px; flex:68; min-width:280px; max-width:340px; padding:0; background: var(--img-1); background-size:cover; box-sizing:border-box; position:relative;

/*edit the following to adjust the cropping of the image*/ background-position:50% 50%;

][border=transparent; height:100%; width:100%; padding:0; background: var(--bg-2); opacity:0.2;][/border][/border][border=transparent; height:400px; flex:32; min-width:200px; padding:0; background: var(--bg-img); background-size:cover; background-position:center;][border=transparent; height:100%; width:100%; padding:0; background: var(--bg-2); opacity:0.2;][/border][/border]

   [comment]----right (main container----[/comment]
   [border=transparent; height:400px; width:100%; padding:0; position:absolute; bottom:0; left:0;]
[comment]----filler stuff----[/comment]
[border=transparent; height:400px; width:100%; padding:10px 15px 10px 0; box-sizing:border-box; position:absolute; top:-400px; left:0; display:flex; flex-flow:column nowrap; align-items:center; justify-content:center; pointer-events:none;][border=transparent; height:auto; width:auto; padding:0; color: var(--h1); opacity:0.9; font-size:9.5px; text-transform:uppercase; font-family: var(--header); letter-spacing:2px; font-weight:bold; bottom:10px; right:5px; position:absolute; z-index:3; text-shadow:1px 1px var(--color-1); pointer-events:none;][fa]fas fa-chevron-right[/fa] scroll[/border][border=transparent; height:calc(100% - 50px); width:calc(100% - 50px); padding:0; box-sizing:border-box; border:1px solid var(--color-1);][/border][/border]
[comment]----filler stuff end----[/comment]
   [border=transparent; height:400px; width:100%; padding:0; overflow:hidden;][border=transparent; height:417px; width:100%; padding:0; overflow-x:scroll; overflow-y:hidden; scroll-snap-type:x mandatory; scroll-behavior: smooth;][border=transparent; height:400px; width:auto; padding:0; display:flex; flex-flow:row nowrap;]

      [comment]----most left----[/comment]
      [border=transparent; height:400px; width:clamp(0px, 65vw - 250px, 340px); padding:0; box-sizing:border-box; flex-shrink:0; scroll-snap-align:start;][border=transparent; height:100%; width:100%; padding:10px 0; box-sizing:border-box; display:flex; flex-flow:column nowrap; justify-content:center; align-items:center; overflow:hidden; position:relative; left:0.3px;]

         [comment]----instruction----[/comment]
         [border=transparent; height:auto; width:auto; padding:0; color: var(--h1); opacity:0.9; font-size:9.5px; text-transform:uppercase; font-family: var(--header); letter-spacing:2px; font-weight:bold; top:5px; right:5px; position:absolute; z-index:3; text-shadow:1px 1px var(--color-1); pointer-events:none;][fa]fas fa-chevron-right[/fa]Hold Shift + Scroll[/border]

         [comment]----box----[/comment]
         [border=transparent; height:calc(100% - 50px); width:calc(100% - 50px); padding:10px 15px; box-sizing:border-box; border:1px solid var(--color-1); display:flex; flex-flow:column nowrap; justify-content:flex-end;]
[comment]----quote----[/comment]
[border=transparent; height:auto; height:fit-content; width:130px; position:relative; padding:0; opacity:0.8;][border=transparent; height:auto; width:auto; padding:0; position:absolute; top:15px; left:-15px; color: var(--color-1); font-size:125px; opacity:0.7; font-style:normal; font-weight:normal; z-index:-1; font-family: sans-serif; line-height:18px;]❝[/border][border=transparent; height:auto; height:fit-content; max-height:108px; width:100%; padding:0; color: var(--subtitle); font-size:11px; font-family: var(--quote); font-style:italic; line-height:18px; letter-spacing:1px; font-weight:bold; overflow:hidden;][comment]

----* * * quote here (keep it short)----

[/comment]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse finibus erat mi, vel consectetur neque ultrices a.[/border]
[/border]
[comment]----quote end----[/comment]

[comment]----quote credit----[/comment]
[border=transparent; height:auto; height:fit-content; width:120px; padding:0; display:flex; flex-flow: row nowrap; justify-content:flex-end; align-items:center; opacity:0.75;][border=transparent; height:0; width:30px; border-top:1px solid var(--subtitle); padding:0; flex-shrink:0; margin:2px 8px 0 0;][/border][border=transparent; height:auto; width:auto; padding:0; color: var(--subtitle); font-size:12px; font-family: var(--quote); font-style:oblique; line-height:18px; letter-spacing:0.5px; font-weight:bold; text-align:right;][comment]

----* * * quote credit here----

[/comment]credit[/border][/border]
          [/border]

      [/border][/border]
      [comment]----most left end----[/comment]

      [comment]----left (sidebar)----[/comment]
      [border=transparent; height:400px; width:calc(100vw - 30px); max-width:215px; padding:0; border:8px solid var(--bg-2); border-top:0; border-bottom:0; box-sizing:border-box; flex-shrink:0; display:flex; flex-flow:column nowrap;]

         [comment]----sidebar container----[/comment]
         [border=transparent; height:calc(100% - 55px); width:100%; padding:0 10px; box-sizing:border-box; background:var(--bg-2);][border=transparent; height:100%; width:100%; padding:10px 5px 0 5px; box-sizing:border-box; display:flex; flex-flow:column nowrap; align-items:center; position:relative;]

[comment]----sidebar image----[/comment]
[border=transparent; height:132px; width:132px; padding:8px; border:1px solid var(--color-1); box-sizing:border-box; border-radius:50%; margin-right:auto; flex-shrink:0;][border=transparent; height:100%; width:100%; padding:0; background: var(--img-2); background-size:cover; background-position:50% 50%; position:relative; overflow:hidden; border-radius:50%;][border=transparent; height:100%; width:100%; padding:0; background: var(--bg-2); opacity:0.2;][/border][/border][/border]

[comment]----role----[/comment]
[border=transparent; height:auto; width:fit-content; width:-moz-fit-content; max-width:68px; padding:0; position:absolute; top:82px; right:4px;][border=transparent; display:inline; padding:3px 6px; box-sizing:border-box; box-decoration-break:clone; -webkit-box-decoration-break: clone; background: var(--color-1); border-radius:2px; color: var(--h1); font-size:9.5px; text-transform:uppercase; letter-spacing:1.5px; line-height:15px; font-family: var(--body); text-align:right;][comment]

----* * * role here----

[/comment]Sponsor[/border][/border]

[comment]----name----[/comment]
[border=transparent; height:auto; min-height:30px; max-height:56px; width:100%; padding:0; color: var(--color-1); text-shadow:1px 1px var(--color-2); letter-spacing:2px; font-weight:bold; font-family: var(--header); font-size:34px; line-height:28px; margin-top:14px; flex-shrink:0; overflow:hidden;][comment]

----* * * character first name/nickname here----

[/comment]name.[/border]

[comment]----basics----[/comment]
[border=transparent; height:60%; width:174px; padding:0; margin:20px 0 26px 1px; overflow:hidden;][border=transparent; height:100%; width:191px; padding:0; overflow-y:scroll;][border=transparent; height:auto; width:174px; padding:0; display:flex; flex-flow:column nowrap;][border=transparent; height:0; width:100%; padding:0; margin-bottom:-8px;][/border]

   [comment]----copy this whole thing to make another bit of info----[/comment]
   [border=transparent; height:auto; width:100%; padding:0; display:flex; flex-flow:row wrap; font-family: var(--body); align-items:center; margin-top:3px;]
      [border=transparent; height:fit-content; width:fit-content; width:-moz-fit-content; padding:3px 5px 3px 6px; background: var(--color-1); border-radius:2px; box-sizing:border-box; text-transform:uppercase; font-weight:bold; letter-spacing:1.5px; line-height:100%; font-size:10px; color: var(--h1); flex-shrink:0; margin:5px 8px 0 0;][comment]

----* * * info title here----

[/comment]full name[/border]
      [border=transparent; min-width:fit-content; min-width:-moz-fit-content; height:auto; padding:0; box-sizing:border-box; color: var(--t-color); font-size:11px; line-height:13px; text-align:left; margin:5px 0 0 0;][comment]

----* * * info contents here----

[/comment]hello[/border]
   [/border]
   [comment]----copy me too!----[/comment]

   [comment]----copy this whole thing to make another bit of info----[/comment]
   [border=transparent; height:auto; width:100%; padding:0; display:flex; flex-flow:row wrap; font-family: var(--body); align-items:center; margin-top:3px;]
      [border=transparent; height:fit-content; width:fit-content; width:-moz-fit-content; padding:3px 5px 3px 6px; background: var(--color-1); border-radius:2px; box-sizing:border-box; text-transform:uppercase; font-weight:bold; letter-spacing:1.5px; line-height:100%; font-size:10px; color: var(--h1); flex-shrink:0; margin:5px 8px 0 0;][comment]

----* * * info title here----

[/comment]age[/border]
      [border=transparent; min-width:fit-content; min-width:-moz-fit-content; height:auto; padding:0; box-sizing:border-box; color: var(--t-color); font-size:11px; line-height:13px; text-align:left; margin:5px 0 0 0;][comment]

----* * * info contents here----

[/comment]hello[/border]
   [/border]
   [comment]----copy me too!----[/comment]

   [comment]----copy this whole thing to make another bit of info----[/comment]
   [border=transparent; height:auto; width:100%; padding:0; display:flex; flex-flow:row wrap; font-family: var(--body); align-items:center; margin-top:3px;]
      [border=transparent; height:fit-content; width:fit-content; width:-moz-fit-content; padding:3px 5px 3px 6px; background: var(--color-1); border-radius:2px; box-sizing:border-box; text-transform:uppercase; font-weight:bold; letter-spacing:1.5px; line-height:100%; font-size:10px; color: var(--h1); flex-shrink:0; margin:5px 8px 0 0;][comment]

----* * * info title here----

[/comment]money[/border]
      [border=transparent; min-width:fit-content; min-width:-moz-fit-content; height:auto; padding:0; box-sizing:border-box; color: var(--t-color); font-size:11px; line-height:13px; text-align:left; margin:5px 0 0 0;][comment]

----* * * info contents here----

[/comment]300 gold[/border]
   [/border]
   [comment]----copy me too!----[/comment]

   [comment]----copy this whole thing to make another bit of info----[/comment]
   [border=transparent; height:auto; width:100%; padding:0; display:flex; flex-flow:row wrap; font-family: var(--body); align-items:center; margin-top:3px;]
      [border=transparent; height:fit-content; width:fit-content; width:-moz-fit-content; padding:3px 5px 3px 6px; background: var(--color-1); border-radius:2px; box-sizing:border-box; text-transform:uppercase; font-weight:bold; letter-spacing:1.5px; line-height:100%; font-size:10px; color: var(--h1); flex-shrink:0; margin:5px 8px 0 0;][comment]

----* * * info title here----

[/comment]ethnicity[/border]
      [border=transparent; min-width:fit-content; min-width:-moz-fit-content; height:auto; padding:0; box-sizing:border-box; color: var(--t-color); font-size:11px; line-height:13px; text-align:left; margin:5px 0 0 0;][comment]

----* * * info contents here----

[/comment]hello[/border]
   [/border]
   [comment]----copy me too!----[/comment]

   [comment]----copy this whole thing to make another bit of info----[/comment]
   [border=transparent; height:auto; width:100%; padding:0; display:flex; flex-flow:row wrap; font-family: var(--body); align-items:center; margin-top:3px;]
      [border=transparent; height:fit-content; width:fit-content; width:-moz-fit-content; padding:3px 5px 3px 6px; background: var(--color-1); border-radius:2px; box-sizing:border-box; text-transform:uppercase; font-weight:bold; letter-spacing:1.5px; line-height:100%; font-size:10px; color: var(--h1); flex-shrink:0; margin:5px 8px 0 0;][comment]

----* * * info title here----

[/comment]sponsoring[/border]
      [border=transparent; min-width:fit-content; min-width:-moz-fit-content; height:auto; padding:0; box-sizing:border-box; color: var(--t-color); font-size:11px; line-height:13px; text-align:left; margin:5px 0 0 0;][comment]

----* * * info contents here----

[/comment]hello[/border]
   [/border]
   [comment]----copy me too!----[/comment]

[/border][/border][/border]
[comment]----basics end----[/comment]
         [/border][/border]
         [comment]----sidebar container end----[/comment]

         [comment]----music player----[/comment]
         [border=transparent; height:55px; width:100%; padding:0; position:relative; flex-shrink:0; border-left:13px solid var(--bg-2); border-right:13px solid var(--bg-2); box-sizing:border-box;][border=transparent; height:55.5px; width:calc(100% + 1.5px); padding:1px 0 0 0; background: var(--color-1); opacity:0.65; position:absolute; top:-0.5px; left:-1px;][/border][border=transparent; height:100%; width:100%; padding:10px 20px; box-sizing:border-box; display:flex; flex-flow:row nowrap; align-items:center; position:relative; z-index:2;]

[comment]----play button----[/comment]
[border=transparent; height:auto; width:fit-content; width:-moz-fit-content; padding:0; position:relative; overflow:hidden; pointer-events:auto;]
   [border=transparent; height:auto; width:fit-content; width:-moz-fit-content; padding:0; color: var(--h1); font-size:16px; flex-shrink:0;][fa]fas fa-play[/fa][/border]

   [comment]----actual media player----[/comment]
   [border=transparent; height:100%; width:100%; padding:0; position:absolute; top:0; left:0; opacity:0.01%;]
[comment]----soundcloud (replace the soundcloud link within media tag with your own)----[/comment]
[border=transparent; height:80px; width:180px; padding:0; margin-top:-20px; margin-left:-20px; position:absolute; top:0; left:0;]
   [media=soundcloud]https://soundcloud.com/green-thumb-431624934/phobiafirst-ver[/media]
[/border]

[comment]----google drive (replace the google file code within media tag with your own)----[/comment]
[border=transparent; height:500px; width:500px; margin-top:-313px; margin-left:-103px; padding:0px; /*remove this to use me, and add it to the other*/ display:none;]
   [media=googledrive]google file code here[/MEDIA]
[/border]
   [/border]
   [comment]----actual media player end----[/comment]
[/border]

[comment]----music info----[/comment]
[border=transparent; flex:1; height:auto; padding:0; display:flex; flex-flow:column nowrap; margin-left:25px;]
   [border=transparent; height:auto; width:100%; padding:0; color: var(--h1); font-family: var(--header); line-height:100%; font-size:12px; letter-spacing:1.5px; font-style:oblique; font-weight:bold;][comment]

----* * * song title here----

[/comment]song name[/border]

   [border=transparent; height:auto; width:100%; padding:0; color: var(--h1); font-family: var(--Inter); line-height:100%; font-size:8px; letter-spacing:2px; text-transform:uppercase; margin-top:3px; font-weight:bold;][comment]

----* * * song artist here----

[/comment]artist[/border]
[/border]
[comment]----music info end---[/comment]
         [/border][/border]
         [comment]----music player end----[/comment]
      [/border]
      [comment]----left end----[/comment]

      [comment]----right (main contents)----[/comment]
      [border=transparent; height:400px; width:calc(100vw - 61px); max-width:340px; padding:0; border:clamp(0px, 25px - 3vw, 20px) solid var(--bg-2); border-bottom:clamp(0px, 15px - 1vw, 6px) solid var(--bg-2); border-right:0; border-left:clamp(0px, 0.8vw, 8px) solid var(--bg-2); box-sizing:border-box; flex-shrink:0; scroll-snap-align:end; display:flex; flex-direction:column; overflow:hidden; position:relative;][border=transparent; height:100%; width:200%; padding:0; overflow-y:scroll; scroll-snap-type:y proximity;][border=transparent; height:0; width:100%; padding:0; margin-bottom:-23px;][/border]

         [comment]----section 1 (appearance)----[/comment]
         [border=transparent; height:auto; width:calc(50% + 28px); padding:0; scroll-snap-align:end; display:flex; flex-flow:column nowrap; border-right:28px solid var(--bg-2); border-top:23px solid var(--bg-2); box-sizing:border-box;]

[comment]----section title container----[/comment]
[border=transparent; height:38px; width:100%; padding:0; border:1px solid var(--color-1); box-sizing:border-box; position:relative; display:flex; flex-flow:row-reverse nowrap;]
[border=transparent; height:1px; width:calc(100% + 2px); padding:0 2px; background: var(--bg-2); position:absolute; top:-2px; left:-1px;][/border]
[border=transparent; height:1px; width:100%; padding:0; background: var(--bg-2); position:absolute; bottom:-0.2px; left:0;][/border]
   [comment]----section number----[/comment]
   [border=transparent; height:36px; min-width:41px; border:5px solid var(--bg-2); padding:0 3px; box-sizing:border-box; display:flex; align-items:center; justify-content:center; position:relative; flex-shrink:0; margin-left:-1px;][border=transparent; height:100%; width:calc(100% + 1px); padding:1px 0 0 0; opacity:0.4; background: var(--color-1); position:absolute; top:-0.5px; left:-0.8px;][/border][border=transparent; height:auto; width:auto; padding:0; color: var(--h1); font-family: var(--header); line-height:100%; font-size:15px; font-weight:bold; letter-spacing:1px; position:relative; z-index:3; text-align:center; text-shadow:1px 1px var(--color-2); white-space:nowrap;][comment]

----* * * section number here----

[/comment]01.[/border][/border]

   [comment]----section title----[/comment]
   [border=transparent; height:100%; flex:1; padding:0 13px 0 12px; box-sizing:border-box; display:flex; align-items:center; background: var(--bg-2);][border=transparent; height:auto; width:fit-content; width:-moz-fit-content; padding:3px 5px; box-sizing:border-box; border-radius:2px; background: var(--color-1); font-family: var(--body); font-weight:bold; color: var(--h1); font-size:11px; text-transform:uppercase; letter-spacing:2px; line-height:100%;][comment]

----* * * section title here----

[/comment]visage[/border][/border]
[/border]
[comment]----section title container end----[/comment]

[comment]----section contents----[/comment]
[border=transparent; height:auto; width:100%; padding:15px 0 5px 0; box-sizing:border-box; background: var(--bg-2); display:flex; flex-flow:column nowrap;]
   [comment]----row one----[/comment]
   [border=transparent; height:auto; width:100%; padding:0; display:flex; flex-flow:row nowrap;]
      [comment]----icon----[/comment]
      [border=transparent; width:clamp(85px, 10vw, 110px); padding:0; flex-shrink:0;][border=transparent; padding:0; padding-top:100%; border:1px solid var(--color-1); position:relative;][border=transparent; height:100%; width:100%; padding:8px; box-sizing:border-box; position:absolute; top:0; left:0;][border=transparent; height:100%; width:100%; padding:0; background: var(--img-3); background-size:cover;

/*edit the following to adjust the cropping of the image*/ background-position:50% 50%;]
      [border=transparent; height:100%; width:100%; padding:0; background: var(--bg-2); opacity:0.2;][/border][/border][/border][/border][/border]

      [comment]----appearance contents----[/comment]
      [border=transparent; height:110px; flex:1; margin-left:15px; padding:0; display:flex; flex-direction:column; overflow:hidden;][border=transparent; height:100%; width:200%; padding:0; overflow-y:scroll;][border=transparent; height:auto; width:50%; padding:0; display:flex; flex-flow:column nowrap;][border=transparent; height:0; width:100%; padding:0; margin-bottom:-8px;][/border]

         [comment]----copy this whole thing to make another bit of info----[/comment]
         [border=transparent; height:auto; width:100%; padding:0; display:flex; flex-flow:row wrap; font-family: var(--body); align-items:center; margin-top:3px;]
[border=transparent; height:fit-content; width:fit-content; width:-moz-fit-content; padding:3px 5px 3px 6px; background: var(--color-1); border-radius:2px; box-sizing:border-box; text-transform:uppercase; font-weight:bold; letter-spacing:1.5px; line-height:100%; font-size:10px; color: var(--h1); flex-shrink:0; margin:5px 8px 0 0;][comment]

----* * * info title here----

[/comment]height[/border]
[border=transparent; min-width:fit-content; min-width:-moz-fit-content; height:auto; padding:0; box-sizing:border-box; color: var(--t-color); font-size:11px; line-height:13px; text-align:left; margin:5px 0 0 0;][comment]

----* * * info contents here----

[/comment]answer[/border]
         [/border]
         [comment]----copy me too!----[/comment]

         [comment]----copy this whole thing to make another bit of info----[/comment]
         [border=transparent; height:auto; width:100%; padding:0; display:flex; flex-flow:row wrap; font-family: var(--body); align-items:center; margin-top:3px;]
[border=transparent; height:fit-content; width:fit-content; width:-moz-fit-content; padding:3px 5px 3px 6px; background: var(--color-1); border-radius:2px; box-sizing:border-box; text-transform:uppercase; font-weight:bold; letter-spacing:1.5px; line-height:100%; font-size:10px; color: var(--h1); flex-shrink:0; margin:5px 8px 0 0;][comment]

----* * * info title here----

[/comment]weight[/border]
[border=transparent; min-width:fit-content; min-width:-moz-fit-content; height:auto; padding:0; box-sizing:border-box; color: var(--t-color); font-size:11px; line-height:13px; text-align:left; margin:5px 0 0 0;][comment]

----* * * info contents here----

[/comment]answer[/border]
         [/border]
         [comment]----copy me too!----[/comment]

         [comment]----copy this whole thing to make another bit of info----[/comment]
         [border=transparent; height:auto; width:100%; padding:0; display:flex; flex-flow:row wrap; font-family: var(--body); align-items:center; margin-top:3px;]
[border=transparent; height:fit-content; width:fit-content; width:-moz-fit-content; padding:3px 5px 3px 6px; background: var(--color-1); border-radius:2px; box-sizing:border-box; text-transform:uppercase; font-weight:bold; letter-spacing:1.5px; line-height:100%; font-size:10px; color: var(--h1); flex-shrink:0; margin:5px 8px 0 0;][comment]

----* * * info title here----

[/comment]hair c.[/border]
[border=transparent; min-width:fit-content; min-width:-moz-fit-content; height:auto; padding:0; box-sizing:border-box; color: var(--t-color); font-size:11px; line-height:13px; text-align:left; margin:5px 0 0 0;][comment]

----* * * info contents here----

[/comment]answer[/border]
         [/border]
         [comment]----copy me too!----[/comment]

         [comment]----copy this whole thing to make another bit of info----[/comment]
         [border=transparent; height:auto; width:100%; padding:0; display:flex; flex-flow:row wrap; font-family: var(--body); align-items:center; margin-top:3px;]
[border=transparent; height:fit-content; width:fit-content; width:-moz-fit-content; padding:3px 5px 3px 6px; background: var(--color-1); border-radius:2px; box-sizing:border-box; text-transform:uppercase; font-weight:bold; letter-spacing:1.5px; line-height:100%; font-size:10px; color: var(--h1); flex-shrink:0; margin:5px 8px 0 0;][comment]

----* * * info title here----

[/comment]eye c.[/border]
[border=transparent; min-width:fit-content; min-width:-moz-fit-content; height:auto; padding:0; box-sizing:border-box; color: var(--t-color); font-size:11px; line-height:13px; text-align:left; margin:5px 0 0 0;][comment]

----* * * info contents here----

[/comment]answer[/border]
         [/border]
         [comment]----copy me too!----[/comment]

         [comment]----copy this whole thing to make another bit of info----[/comment]
         [border=transparent; height:auto; width:100%; padding:0; display:flex; flex-flow:row wrap; font-family: var(--body); align-items:center; margin-top:3px;]
[border=transparent; height:fit-content; width:fit-content; width:-moz-fit-content; padding:3px 5px 3px 6px; background: var(--color-1); border-radius:2px; box-sizing:border-box; text-transform:uppercase; font-weight:bold; letter-spacing:1.5px; line-height:100%; font-size:10px; color: var(--h1); flex-shrink:0; margin:5px 8px 0 0;][comment]

----* * * info title here----

[/comment]marks[/border]
[border=transparent; min-width:fit-content; min-width:-moz-fit-content; height:auto; padding:0; box-sizing:border-box; color: var(--t-color); font-size:11px; line-height:13px; text-align:left; margin:5px 0 0 0;][comment]

----* * * info contents here----

[/comment]answer[/border]
         [/border]
         [comment]----copy me too!----[/comment]

      [/border][/border][/border]
      [comment]----appearance contents end----[/comment]
   [/border]
   [comment]----row one end----[/comment]

[/border]
[comment]----section contents end----[/comment]
         [/border]
         [comment]----section 1 end----[/comment]

         [comment]----section 2 (history)----[/comment]
         [border=transparent; height:auto; width:calc(50% + 28px); padding:0; scroll-snap-align:start; display:flex; flex-flow:column nowrap; border-right:28px solid var(--bg-2); border-top:23px solid var(--bg-2); box-sizing:border-box;]

[comment]----section title container----[/comment]
[border=transparent; height:38px; width:100%; padding:0; border:1px solid var(--color-1); box-sizing:border-box; position:relative; display:flex; flex-flow:row-reverse nowrap;]
[border=transparent; height:1px; width:calc(100% + 2px); padding:0 2px; background: var(--bg-2); position:absolute; top:-2px; left:-1px;][/border]
[border=transparent; height:1px; width:100%; padding:0; background: var(--bg-2); position:absolute; top:-0.1px; left:0;][/border]
[border=transparent; height:1px; width:100%; padding:0; background: var(--bg-2); position:absolute; bottom:-0.2px; left:0;][/border]
   [comment]----section number----[/comment]
   [border=transparent; height:36px; min-width:41px; border:5px solid var(--bg-2); padding:0 3px; box-sizing:border-box; display:flex; align-items:center; justify-content:center; position:relative; flex-shrink:0; margin-left:-1px;][border=transparent; height:100%; width:calc(100% + 1px); padding:1px 0 0 0; opacity:0.4; background: var(--color-1); position:absolute; top:-0.5px; left:-0.8px;][/border][border=transparent; height:auto; width:auto; padding:0; color: var(--h1); font-family: var(--header); line-height:100%; font-size:15px; font-weight:bold; letter-spacing:1px; position:relative; z-index:3; text-align:center; text-shadow:1px 1px var(--color-2); white-space:nowrap;][comment]

----* * * section number here----

[/comment]02.[/border][/border]

   [comment]----section title----[/comment]
   [border=transparent; height:100%; flex:1; padding:0 13px 0 12px; box-sizing:border-box; display:flex; align-items:center; background: var(--bg-2);][border=transparent; height:auto; width:fit-content; width:-moz-fit-content; padding:3px 5px; box-sizing:border-box; border-radius:2px; background: var(--color-1); font-family: var(--body); font-weight:bold; color: var(--h1); font-size:11px; text-transform:uppercase; letter-spacing:2px; line-height:100%;][comment]

----* * * section title here----

[/comment]history[/border][/border]
[/border]
[comment]----section title container end----[/comment]

[comment]----section contents----[/comment]
[border=transparent; height:auto; width:100%; padding:15px 0 5px 0; box-sizing:border-box; background: var(--bg-2);][border=transparent; height:auto; max-height:341px; width:100%; padding:12px 0; box-sizing:border-box; border:1px solid var(--color-1); display:flex; flex-direction:column; overflow:hidden;][border=transparent; height:100%; width:200%; padding:0; overflow-y:scroll;][border=transparent; height:auto; width:50%; padding:0 15px; box-sizing:border-box;][border=transparent; height:0; width:100%; padding:0; margin-bottom:-8px;][/border]

   [comment]----copy this whole thing to make another bit of info (text)----[/comment]
   [border=transparent; height:auto; width:100%; padding:0; display:flex; flex-flow:row wrap; font-family: var(--body); align-items:center; margin:3px 0 5px 0;]
      [border=transparent; width:100%; height:auto; padding:0; box-sizing:border-box; color: var(--t-color); font-size:11px; line-height:14px; text-align:justify; margin:5px 0 0 0;][comment]

----* * * text starts here here----

[/comment]this scrolls if you add enough content.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse finibus erat mi, vel consectetur neque ultrices a. Nulla facilisi. Fusce at quam ut sem pharetra posuere nec nec enim. Mauris rhoncus fermentum sapien, ac finibus mi tempus sed. Praesent sed eros pulvinar, fringilla dui a, vestibulum nisi. Cras blandit enim laoreet orci porta ultrices. Cras purus erat, commodo a rhoncus ac, dapibus quis mauris.

Ut rhoncus libero eu fermentum bibendum. Nullam ac ipsum augue. Donec commodo dui efficitur iaculis venenatis. Mauris a neque pellentesque, faucibus urna vel, dapibus nulla. Sed tincidunt dui sed dictum vestibulum. Ut venenatis urna in elit hendrerit, eu molestie massa efficitur. Nullam sit amet sem ut ligula gravida ultricies. Etiam gravida quis diam at elementum. In dignissim eros ut sapien fringilla, vel lobortis nibh auctor. Sed ut nibh bibendum, tincidunt ex in, mattis odio. Donec egestas facilisis dapibus. Proin varius ornare sapien, at auctor sem lacinia non.
      [/border]
   [/border]
   [comment]----copy me too!----[/comment]

[/border][/border][/border][/border]
[comment]----section contents end----[/comment]
         [/border]
         [comment]----section 2 end----[/comment]

         [comment]----section 3 (extra information)----[/comment]
         [border=transparent; height:auto; width:calc(50% + 28px); padding:0; scroll-snap-align:end; display:flex; flex-flow:column nowrap; border-right:28px solid var(--bg-2); border-top:23px solid var(--bg-2); box-sizing:border-box;]

[comment]----section title container----[/comment]
[border=transparent; height:38px; width:100%; padding:0; border:1px solid var(--color-1); box-sizing:border-box; position:relative; display:flex; flex-flow:row-reverse nowrap;]
[border=transparent; height:1px; width:calc(100% + 2px); padding:0 2px; background: var(--bg-2); position:absolute; top:-2px; left:-1px;][/border]
[border=transparent; height:1px; width:100%; padding:0; background: var(--bg-2); position:absolute; top:-0.1px; left:0;][/border]
[border=transparent; height:1px; width:100%; padding:0; background: var(--bg-2); position:absolute; bottom:-0.2px; left:0;][/border]
   [comment]----section number----[/comment]
   [border=transparent; height:36px; min-width:41px; border:5px solid var(--bg-2); padding:0 3px; box-sizing:border-box; display:flex; align-items:center; justify-content:center; position:relative; flex-shrink:0; margin-left:-1px;][border=transparent; height:100%; width:calc(100% + 1px); padding:1px 0 0 0; opacity:0.4; background: var(--color-1); position:absolute; top:-0.5px; left:-0.8px;][/border][border=transparent; height:auto; width:auto; padding:0; color: var(--h1); font-family: var(--header); line-height:100%; font-size:15px; font-weight:bold; letter-spacing:1px; position:relative; z-index:3; text-align:center; text-shadow:1px 1px var(--color-2); white-space:nowrap;][comment]

----* * * section number here----

[/comment]03.[/border][/border]

   [comment]----section title----[/comment]
   [border=transparent; height:100%; flex:1; padding:0 13px 0 12px; box-sizing:border-box; display:flex; align-items:center; background: var(--bg-2);][border=transparent; height:auto; width:fit-content; width:-moz-fit-content; padding:3px 5px; box-sizing:border-box; border-radius:2px; background: var(--color-1); font-family: var(--body); font-weight:bold; color: var(--h1); font-size:11px; text-transform:uppercase; letter-spacing:2px; line-height:100%;][comment]

----* * * section title here----

[/comment]miscellaneous[/border][/border]
[/border]
[comment]----section title container end----[/comment]

[comment]----section contents----[/comment]
[border=transparent; height:auto; width:100%; padding:15px 0 5px 0; box-sizing:border-box; background: var(--bg-2); display:flex; flex-flow:column nowrap;]
   [comment]----row one----[/comment]
   [border=transparent; height:auto; width:100%; padding:0; display:flex; flex-flow:row-reverse nowrap;]
      [comment]----image----[/comment]
      [border=transparent; height:auto; min-height:100%; width:clamp(85px, 10vw, 115px); flex-shrink:0; border:1px solid var(--color-1); padding:8px; box-sizing:border-box;][border=transparent; height:100%; width:100%; padding:0; background: var(--img-4); background-size:cover;

/*edit the following to adjust the cropping of the image*/ background-position:50% 50%;]
      [border=transparent; height:100%; width:100%; padding:0; background: var(--bg-2); opacity:0.2;][/border][/border][/border]

      [comment]----misc contents----[/comment]
      [border=transparent; height:auto; min-height:clamp(85px, 10vw, 115px); max-height:260px; flex:1; margin:0 10px 0 1px; padding:0; display:flex; flex-direction:column; overflow:hidden;][border=transparent; height:100%; width:200%; padding:0; overflow-y:scroll;][border=transparent; height:auto; width:50%; padding:0; display:flex; flex-flow:column nowrap;][border=transparent; height:0; width:100%; padding:0; margin-bottom:-8px;][/border]

         [comment]----copy this whole thing to make another bit of info----[/comment]
         [border=transparent; height:auto; width:100%; padding:0; display:flex; flex-flow:row wrap; font-family: var(--body); align-items:center; margin-top:3px;]
[border=transparent; height:fit-content; width:fit-content; width:-moz-fit-content; padding:3px 5px 3px 6px; background: var(--color-1); border-radius:2px; box-sizing:border-box; text-transform:uppercase; font-weight:bold; letter-spacing:1.5px; line-height:100%; font-size:10px; color: var(--h1); flex-shrink:0; margin:5px 8px 0 0;][comment]

----* * * info title here----

[/comment]whatever[/border]
[border=transparent; min-width:fit-content; min-width:-moz-fit-content; height:auto; padding:0; box-sizing:border-box; color: var(--t-color); font-size:11px; line-height:13px; text-align:left; margin:5px 0 0 0;][comment]

----* * * info contents here----

[/comment]hello[/border]
         [/border]
         [comment]----copy me too!----[/comment]

         [comment]----copy this whole thing to make another bit of info----[/comment]
         [border=transparent; height:auto; width:100%; padding:0; display:flex; flex-flow:row wrap; font-family: var(--body); align-items:center; margin-top:3px;]
[border=transparent; height:fit-content; width:fit-content; width:-moz-fit-content; padding:3px 5px 3px 6px; background: var(--color-1); border-radius:2px; box-sizing:border-box; text-transform:uppercase; font-weight:bold; letter-spacing:1.5px; line-height:100%; font-size:10px; color: var(--h1); flex-shrink:0; margin:5px 8px 0 0;][comment]

----* * * info title here----

[/comment]whatever[/border]
[border=transparent; min-width:fit-content; min-width:-moz-fit-content; height:auto; padding:0; box-sizing:border-box; color: var(--t-color); font-size:11px; line-height:13px; text-align:left; margin:5px 0 0 0;][comment]

----* * * info contents here----

[/comment]hello[/border]
         [/border]
         [comment]----copy me too!----[/comment]

      [/border][/border][/border]
      [comment]----misc contents end----[/comment]
   [/border]
   [comment]----row one end----[/comment]

[/border]
[comment]----section contents end----[/comment]
         [/border]
         [comment]----section 6 end----[/comment]

      [/border][/border]
      [comment]----right end----[/comment]

   [/border][/border][/border][/border]
   [comment]----main container end----[/comment]

[/border][/border][comment]
----signature! do not remove
[/comment][bg=transparent; height:auto; width:auto; padding:0; position:absolute;z-index:6;opacity:0.4;color: var(--bg-1); font-size:10px;text-align:center; top:13px; right:15px; line-height:100%; -webkit-filter:brightness(0.8);][font=Open Sans]♡coded by uxie♡[/font][/bg][/border]

 

[Miaow]

The Bookworm

Mi-Yun Son

• xxxBASIC INFORMATIONxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
• xxxBACKSTORYxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
• xxxABILITIESxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
• xxxEXTRA NOTESxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx

• ATTACK

  DEFENSE

  SPEED

  INTELLIGENCE

  “

  ”

  Still a WIP c:

  Name

  Mi-Yun Son

  Race

  Human

  Gender

  Female (She/they)

  Role

  The Bookworm

  Age

  Twenty-One

  Played By

  Played by Miaow

  Appearance

  HEIGHT: 5'1"
  BUILD: She has a slim physique with not much muscle to her, a long-distance runners build. She has slightly more musculature in her arms.
  HAIR: Mi-Yun has short, dark brown hair which is typically tied back into a ponytail or a half-up, half-down style to keep it out of her face.
  EYES: She has dark brown eyes which almost appear black under low light. Her pupils are barely distinguishable from her irises. Her eyes are almond shaped and down-turned.
  IDENTIFYING MARKS: Mi-Yun has a birthmark on her left shoulder and almost always has a slightly awkward expression on her face.

  Personality

  GENERAL PERSONALITY TRAITS
  Anti-social
  Soft-spoken, often spoken over
  Intellectual
  
  CHARACTER LIKES
  High fantasy novels, particularly Terry Pratchett
  The smell of antique stores
  Domestic rats
  
  CHARACTER DISLIKES
  Loud noises or multiple noises overlapping
  
  
  
• Backstory

  PAST SELF BACKSTORY
  It could be said that Mi-Yun had a privileged childhood. She had highly intelligent parents in high paying jobs. She was the youngest of three siblings, but her parents certainly hadn't let up when it came to raising their children. They had high standards, they wanted their children to excel, and their eldest son was already a child prodigy. He was musically talented, he was a skilled gymnast, and he excelled at school. They hoped all of their children would be as successful as him.
  
  Mi-Yun was intelligent, but not quite as intelligent as her eldest brother. Though her parents didn't expressly compare her to her siblings, she could always tell how they felt. She would get an A, but he would get an A+, and she felt inadequate because of it. She was under strict orders to study whenever she had time, when she wasn't learning to play the piano or attending sports practices. She didn't particularly enjoy any of these things, she never wanted to play the piano, and she hated the sports she was pushed into. She tried netball, cheerleading, volleyball, football... Only three of her hobbies stuck for longer than a few months: Piano, track, and chess.
  
  Her parents assumed that she was the perfect child. She was intelligent (though not as intelligent as her older brother), musically talented, athletically skilled... They simply assumed she had to be popular at school, how could she not be? They were unaware of Mi-Yun's isolation. She was the subject of ridicule for her membership to the chess club and envied for her academic success. She had a few acquaintances from her various extra-curricular activities, but never formed a real bond with any of them. She felt like a disappointment to her parents, she was constantly competing with her siblings... She was alone. Her mental health took a toll, culminating in a breakdown and brief hospitalization as a teen.
  
  Against her parents' wishes, Mi-Yun refused to go to university, instead finding a job at an antique bookshop in her hometown. She has never felt happier. No competition, no pressure, just the smell of antiques and the pleasure of reading. However, she still feels guilty for disappointing her parents.
  
  

  Attributes

  CHARACTER GOAL

  Mi-Yun would like to make her parents proud of her, though she feels as if that ship has sailed.
  Mi-Yun would like to publish a book. Of course she would love for it to be successful, but completing a novel she is happy with would be enough.
  
  

  POSITIVE ATTRIBUTES

  Approachable - Mi-Yun has one of those faces that makes her look friendly. However, when she stammers through her sentences and struggles to string words together, people typically change their mind.
  Independent - She is happy to work on her own.
  
  
  

  NEGATIVE ATTRIBUTES

  Impatient - Mi-Yun can find it frustrating when people don't immediately understand her plans.
  Independent - Mi-Yun isn't a team player. She would much rather work on her own... however, if she finds someone she likes, she might cave and team up with them.
  Cowardly - Though Mi-Yun was seen as ambitious as a teen, this went away after her mental health episode. She'd now much rather live a quiet, solitary life, and doesn't take many risks.
  
  
• Skills and Abilities

  Archery

  Mi-Yun was pushed into trying many hobbies by her parents. She didn't have the bravery to play team sports, letting others dominate her and feeling as if she got in the way. However, she seemed to have a talent when it came to archery. She started when she was young, going to a local club with her father, and continued long after he quit. It was one of the only sports Mi-Yun excelled at.
  
  

  Long-Distance Running

  Similarly to archery, Mi-Yun enjoyed long-distance running as she was often separated from other people. She didn't have a team she had to constantly worry about, she wouldn't get in people's way, she only had to focus on herself. Though she only really did this as part of her school's track and field team, she continued to go for jogs as an adult. What she lacks in speed, she makes up for in stamina.
  
  

  Strategy

  One of the many hobbies her parents forced her to try was chess. Though she didn't particularly enjoy it, she was good at it, and found she had a talent for thinking ahead and predicting her opponent's moves. Similar to her opinion on sport, she enjoyed playing on her own without worrying about the rest of her teammates.
  
  

  Deduction

  Mi-Yun enjoyed mystery novels as a teen, though lost this passion as she matured as she was able to predict the ending a few chapters in. She became pretty skilled at figuring things out, whether it was from behaviour of people around her or little clues left by authors in their novels.
  
  
• Inventory

  Weapons

  
  A longbow
  
  

  Items

  
  Dried Fruit
  
  

  Other

  
  As Mi-Yun was returning from the library when she was taken, her bag is full of books.