[TH] Profile Template Coding

<div class="card card-outline-secondary card-block rounded-1 pt-2" style="height: 185px; overflow:auto; padding-bottom:5px; font-size: .95em;">
<p class="mb-0"><span class="text-uppercase">Verse</span>
                               <span class="pull-right"><i>. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . primary, secondary, etc... eg.: Trefiltra → Gitera</i></span><br><br>

<p class="mb-0"><span class="text-uppercase">Alliance</span>
                               <span class="pull-right"><i>. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . see <a href="https://toyhou.se/~literature/16591.character-template-nephyrajna/2.alliances">Alliances</a> for more details</i></span></p><br>

<p class="mb-0"><span class="text-uppercase">Alignment</span>
                               <span class="pull-right"><i>. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . see <a href="https://toyhou.se/~literature/16591.character-template-nephyrajna/3.alignments">Alignments</a> for more details</i></span></p><br>

<p class="mb-0"><span class="text-uppercase">Title</span>
                               <span class="pull-right"><i>. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . official title; eg.: God of Darkness and Pandemonium</i></span></p></div><br>

       <div class="card d-block rounded-0 p-2 mb-4" style="border-style:dashed;">
           <h1 class="bg-primary text-white p-2 text-uppercase display-4" style="letter-spacing: 2px;">
             <i class="fal fa-star fa-fw" />Basics</h1>

           <!-------- START !! COLUMNS -------------->
           <div class="row my-2">

               <!----- COLUMN ---------------------->
               <div class="col-md-3 mb-5">
                   <h2 class="text-uppercase" style="letter-spacing:1px; font-weight: 300; border-bottom-width: 1px; border-bottom-style:solid;"></h2>

                   <!---------- unordered list example --------------->
                   <ul class="mb-0">
                       <li class="mb-2">Name<br> → Pronuncuation<br> → Meaning</li>
                       <li class="mb-2">Marriage</li>
                       <li class="mb-2">Mozojun</li>
                       <li class="mb-2">Nicknames</li>
                       <li class="mb-2">Alias(es)<br><br></li>

                       <li class="mb-2">Race</li>
                       <li class="mb-2">Ethnicity<br><br></li>

                       <li class="mb-2">Gender</li>
                       <li class="mb-2">Orientation</li>
                       <li class="mb-2">Role<br><br></li>

                       <li class="mb-2">Age<br>→ True:<br>→ Appears:<br><br></li>

                       <li class="mb-2">Birthday</li>
                       <li class="mb-2">Birthplace<br><br></li>

                       <li class="mb-2">Deathday<br>→ Age at Death</li>
                       <li class="mb-2">Deathplace<br><br></li>

                       <li class="mb-2">Astro Sign<br></li>

                   </ul>
               </div>

               <!----- COLUMN ---------------------->
               <div class="col-md-6 mb-2">
                   <h2 class="text-uppercase" style="letter-spacing:1px; font-weight: 300; border-bottom-width: 1px; border-bottom-style:solid;"></h2>

                   <!---------- ordered list example --------------->
                   <ul class="mb-0">
                       <li class="mb-2"><i>full name given at birth</i><br><i>how it’s said; skip if not needed</i><br><i>if available</i></li>
                       <li class="mb-2"><i>if it changed after marriage, if n/a erase</i></li>
                       <li class="mb-2"><i>if available; if n/a erase</i></li>
                       <li class="mb-2"><i>both loving and mean</i></li>
                       <li class="mb-2"><i>alternative names</i><br><br></li>

                       <li class="mb-2"><i>Humans, Elyk, Ruland, God/dess</i></li>
                       <li class="mb-2"><i>refers to residence; eg.: Berxlec, Nevascan, Nuxie</i><br><br></li>

                       <li class="mb-2"><i>male, female, agender, bigender, etc..</i></li>
                       <li class="mb-2"><i>how they act; feminine, masculine..</i></li>
                       <li class="mb-2"><i>hetero-, homo-, bi-, pan-, poly-, etc..</i><br><br></li>

                       <li class="mb-2"><i>timeline (Arc 1) begins 259 AD<br>their real age<br>how old they look</i><br><br></li>

                       <li class="mb-2"><i>MM / DD / YYYY (year only if born in AD)</i></li>
                       <li class="mb-2"><i>where they were born</i><br><br></li>

                       <li class="mb-2"><i>MM / DD / YYYY (year if died after AD)<br># of years dead</i></li>
                       <li class="mb-2"><i>where they died</i><br><br></li>

                       <li class="mb-2"><i>western zodiac sign; optional</i><br></li>
                   </ul>
               </div></div></div>

<div class="card d-block rounded-0 p-2 mb-4" style="border-style:dashed;">
           <h1 class="bg-primary text-white p-2 text-uppercase display-4" style="letter-spacing: 2px;">
             <i class="fal fa-star fa-fw" />Physical Features</h1>

           <!-------- START !! COLUMNS -------------->
           <div class="row my-2">

               <!----- COLUMN ---------------------->
               <div class="col-md-3 mb-5">
                   <h2 class="text-uppercase" style="letter-spacing:1px; font-weight: 300; border-bottom-width: 1px; border-bottom-style:solid;"></h2>

                   <!---------- unordered list example --------------->
                   <ul class="mb-0">
                       <li class="mb-2">Face Shape</li>
                       <li class="mb-2">Skin & Complexion</li>
                       <li class="mb-2">Eyes</li>
                       <li class="mb-2">Hair<br> → Facial Hair<br><br></li>

                       <li class="mb-2">Makeup<br><br></li>

                       <li class="mb-2">Birthmarks/Markings</li>
                       <li class="mb-2">Scars</li>
                       <li class="mb-2">Tattoos<br><br></li>

                       <li class="mb-2">Height</li>
                       <li class="mb-2">Weight<br><br></li>

                       <li class="mb-2">Body Type</li>
                       <li class="mb-2">Build<br><br></li>

                       <li class="mb-2">Cup Size</li>
                       <li class="mb-2">Handedness</li>
                       <li class="mb-2">Shoe Size<br><br></li>
                   </ul>
               </div>

               <!----- COLUMN ---------------------->
               <div class="col-md-6 mb-2">
                   <h2 class="text-uppercase" style="letter-spacing:1px; font-weight: 300; border-bottom-width: 1px; border-bottom-style:solid;"></h2>

                                      <!---------- unordered list example --------------->
                   <ul class="mb-0">
                       <li class="mb-2"><i>heart, oval, round, square, etc</i></li>
                       <li class="mb-2"><i>color/tone, feel..</i></li>
                       <li class="mb-2"><i>shape, color, details..</i></li>
                       <li class="mb-2"><i>color, texture, length, style..<br></i><br><br></li>

                       <li class="mb-2"><i>self-explanatory</i><br><br></li>

                       <li class="mb-2"><i>self-explanatory</i></li>
                       <li class="mb-2"><i>self-explanatory</i></li>
                       <li class="mb-2"><i>self-explanatory</i><br><br></li>

                       <li class="mb-2"><i>self-explanatory</i></li>
                       <li class="mb-2"><i>self-explanatory</i><br><br></li>

                       <li class="mb-2"><i><a href="https://www.coachmag.co.uk/lifestyle/4511/ectomorph-endomorph-or-mesomorph-what-is-your-body-type">the body types</a>; can be a combination type</i></li>
                       <li class="mb-2">chubby cheeks, long arms, muscular calves, etc..<br><br></li>

                       <li class="mb-2"><i>females; optional</i></li>
                       <li class="mb-2"><i>right, left, ambidextrous</i></li>
                       <li class="mb-2"><i>how big their feet are</i><br><br></li>
                   </ul>
               </div>

<div class="card d-block rounded-0 p-2 mb-4" style="border-style:dashed;">
           <h1 class="bg-primary text-white p-2 text-uppercase display-4" style="letter-spacing: 2px;">
             <i class="fal fa-star fa-fw" />Outward Expression</h1>

           <!-------- START !! COLUMNS -------------->
           <div class="row my-2">

               <!----- COLUMN ---------------------->
               <div class="col-md-3 mb-5">
                   <h2 class="text-uppercase" style="letter-spacing:1px; font-weight: 300; border-bottom-width: 1px; border-bottom-style:solid;"></h2>

                   <!---------- unordered list example --------------->
                   <ul class="mb-0">
                       <li class="mb-2">Style</li>
                       <li class="mb-2">Wardrobe</li>
                       <li class="mb-2">Accessories<br><br></li>

                       <li class="mb-2">Mode of Dress<br><br></li>
                       <li class="mb-2">Grooming<br><br></li>

                       <li class="mb-2">Posture</li>
                       <li class="mb-2">Gait<br><br></li>

                       <li class="mb-2">Coordination<br><br></li>

                       <li class="mb-2">Habits/Mannerisms<br><br><br></li>

                       <li class="mb-2">Scent<br><br></li>
                   </ul>
               </div>

               <!----- COLUMN ---------------------->
               <div class="col-md-6 mb-2">
                   <h2 class="text-uppercase" style="letter-spacing:1px; font-weight: 300; border-bottom-width: 1px; border-bottom-style:solid;"></h2>

                                      <!---------- unordered list example --------------->
                   <ul class="mb-0">
                       <li class="mb-2"><i>overall style: punk, goth, nerd, etc..</i></li>
                       <li class="mb-2"><i>what they wear, what’s in their closet, etc</i></li>
                       <li class="mb-2"><i>jewelry, glasses, etc</i><br><br></li>

                       <li class="mb-2"><i>how they wear their clothes; two people can wear the same suit differently</i></li>
                       <li class="mb-2"><i>well-kept, messy, somewhere in between, etc..</i><br><br></li>

                       <li class="mb-2"><i>how they present themselves; eg.: stiff, slouchy, suggestive</i></li>
                       <li class="mb-2"><i>the speed and style in which they move</i><br><br></li>

                       <li class="mb-2"><i>how physically fit they are; reflexes, ect</i><br><br></li>

                       <li class="mb-2"><i>nervous ticks, unconscious habits; eg.: nail biting, crosses arms, twirls hair..</i><br><br></li>

                       <li class="mb-2"><i>what they smell like; good or bad; strength of scent</i><br><br></li>
                   </ul>
               </div>

<div class="card d-block rounded-0 p-2 mb-4" style="border-style:dashed;">
           <h1 class="bg-primary text-white p-2 text-uppercase display-4" style="letter-spacing: 2px;">
             <i class="fal fa-star fa-fw" />Vocals</h1>

           <!-------- START !! COLUMNS -------------->
           <div class="row my-2">

               <!----- COLUMN ---------------------->
               <div class="col-md-3 mb-5">
                   <h2 class="text-uppercase" style="letter-spacing:1px; font-weight: 300; border-bottom-width: 1px; border-bottom-style:solid;"></h2>

                   <!---------- unordered list example --------------->
                   <ul class="mb-0">
                       <li class="mb-2">Languages<br><br></li>

                       <li class="mb-2">Accent</li>
                       <li class="mb-2">Voice</li>
                       <li class="mb-2">Laughter<br><br></li>

                       <li class="mb-2">Speech Impediments<br><br></li>

                       <li class="mb-2">Greetings</li>
                       <li class="mb-2">Farewells<br><br></li>

                       <li class="mb-2">State of Mind<br><br></li>

                       <li class="mb-2">Compliment</li>
                       <li class="mb-2">Insult</li>
                       <li class="mb-2">Expletive<br><br></li>

                       <li class="mb-2">Tag Line<br><br></li>

                       <li class="mb-2">Signature Quote<br><br></li>
                   </ul>
               </div>

               <!----- COLUMN ---------------------->
               <div class="col-md-6 mb-2">
                   <h2 class="text-uppercase" style="letter-spacing:1px; font-weight: 300; border-bottom-width: 1px; border-bottom-style:solid;"></h2>

                                      <!---------- unordered list example --------------->
                   <ul class="mb-0">
                       <li class="mb-2"><i>any Earth native language, Mozojun</i><br><br></li>

                       <li class="mb-2"><i>self-explanatory</i></li>
                       <li class="mb-2"><i>pitch, etc</i></li>
                       <li class="mb-2"><i>what their laugh sounds like</i><br><br></li>

                       <li class="mb-2"><i>stutters, slurs, or whistles, etc</i><br><br></li>

                       <li class="mb-2"><i>how they say hello or greet others</i></li>
                       <li class="mb-2"><i>how they say goodbye or leave others</i><br><br></li>

                       <li class="mb-2"><i>how they respond to others normally</i><br><br></li>

                       <li class="mb-2"><i>a nice thing they say</i></li>
                       <li class="mb-2"><i> an insult they use</i></li>
                       <li class="mb-2"><i>preferred cuss word(s)</i><br><br></li>

                       <li class="mb-2"><i>something they say a lot; filler words; eg.: dude, uh</i><br><br></li>

                       <li class="mb-2"><i>memorable thing they say</i><br><br></li>
                   </ul>
               </div>

<div class="card d-block rounded-0 p-2 mb-4" style="border-style:dashed;">
           <h1 class="bg-primary text-white p-2 text-uppercase display-4" style="letter-spacing: 2px;">
             <i class="fal fa-star fa-fw" />Health Statistics</h1>

           <!-------- START !! COLUMNS -------------->
           <div class="row my-2">

               <!----- COLUMN ---------------------->
               <div class="col-md-3 mb-5">
                   <h2 class="text-uppercase" style="letter-spacing:1px; font-weight: 300; border-bottom-width: 1px; border-bottom-style:solid;"></h2>

                   <!---------- unordered list example --------------->
                   <ul class="mb-0">
                       <li class="mb-2">Health</li>
                       <li class="mb-2">Energy</li>
                       <li class="mb-2">Memory</li>
                       <li class="mb-2">Senses<br><br><br></li>

                       <li class="mb-2">Allergies</li>
                       <li class="mb-2">Handicaps<br><br></li>

                       <li class="mb-2">Medication<br> → Herbal:<br> → Rx:<br><br></li>

                       <li class="mb-2">Phobias<br><br><br></li>

                       <li class="mb-2">Addictions<br><br></li>

                       <li class="mb-2">Disorders<br><br></li>
                   </ul>
               </div>

               <!----- COLUMN ---------------------->
               <div class="col-md-6 mb-2">
                   <h2 class="text-uppercase" style="letter-spacing:1px; font-weight: 300; border-bottom-width: 1px; border-bottom-style:solid;"></h2>

                                      <!---------- unordered list example --------------->
                   <ul class="mb-0">
                       <li class="mb-2"><i>overall how healthy they are</i></li>
                       <li class="mb-2"><i>how much energy they have on a daily basis</i></li>
                       <li class="mb-2"><i>how well they remember things, how far back, detailed, etc</i></li>
                       <li class="mb-2"><i>are their senses better, worse, or on par with others of their species</i><br><br></li>

                       <li class="mb-2"><i>what are they allergic to</i></li>
                       <li class="mb-2"><i>a limp, missing body part, mute, deaf, etc; optional</i><br><br></li>

                       <li class="mb-2"><i>be sure to include chat they take it for<br>herbal remedies<br>man made prescription medications</i><br><br></li>

                       <li class="mb-2"><i>what are they terrified of; trivial to debilitating; try for at least one</i><br><br></li>

                       <li class="mb-2"><i>gambling, alcohol, drugs, intimacy, romance, etc..</i><br><br></li>

                       <li class="mb-2"><i>mental disorders: depression, adhd, ocd, schizophrenia, etc..; opt</i><br><br></li>
                   </ul>
               </div>

<div class="card d-block rounded-0 p-2 mb-4" style="border-style:dashed;">
           <h1 class="bg-primary text-white p-2 text-uppercase display-4" style="letter-spacing: 2px;">
             <i class="fal fa-star fa-fw" />Emotions</h1>

           <!-------- START !! COLUMNS -------------->
           <div class="row my-2">

               <!----- COLUMN ---------------------->
               <div class="col-md-3 mb-5">
                   <h2 class="text-uppercase" style="letter-spacing:1px; font-weight: 300; border-bottom-width: 1px; border-bottom-style:solid;"></h2>

                   <!---------- unordered list example --------------->
                   <ul class="mb-0">
                       <li class="mb-2">Mood</li>
                       <li class="mb-2">Attitude<br><br><br></li>

                       <li class="mb-2">Stability<br><br></li>

                       <li class="mb-2">Expressiveness<br><br></li>

                       <li class="mb-2">Cues<br> • Happy:<br> • Sad:<br> • Depressed:<br> • Angry:<br>-feel free to add on-<br><br></li>
                   </ul>
               </div>

               <!----- COLUMN ---------------------->
               <div class="col-md-6 mb-2">
                   <h2 class="text-uppercase" style="letter-spacing:1px; font-weight: 300; border-bottom-width: 1px; border-bottom-style:solid;"></h2>

                                      <!---------- unordered list example --------------->
                   <ul class="mb-0">
                       <li class="mb-2"><i>typical mood<i></li>
                       <li class="mb-2"><i>common interaction with people; esp. those they don’t personally know<i><br><br></li>

                       <li class="mb-2"><i>emotional consistency / stability</i><br><br></li>

                       <li class="mb-2"><i>do they hide emotion or let it out openly</i><br><br></li>

                       <li class="mb-2">visual/physical reactions to emotions<br>_<br>_<br>_<br>_<br>-feel free to add on-<br><br></li>
                   </ul>
               </div>

<div class="card d-block rounded-0 p-2 mb-4" style="border-style:dashed;">
           <h1 class="bg-primary text-white p-2 text-uppercase display-4" style="letter-spacing: 2px;">
             <i class="fal fa-star fa-fw" />Emotions</h1>

           <!-------- START !! COLUMNS -------------->
           <div class="row my-2">

               <!----- COLUMN ---------------------->
               <div class="col-md-3 mb-5">
                   <h2 class="text-uppercase" style="letter-spacing:1px; font-weight: 300; border-bottom-width: 1px; border-bottom-style:solid;"></h2>

                   <!---------- unordered list example --------------->
                   <ul class="mb-0">
                       <li class="mb-2">Mood</li>
                       <li class="mb-2">Attitude<br><br><br></li>

                       <li class="mb-2">Stability<br><br></li>

                       <li class="mb-2">Expressiveness<br><br></li>

                       <li class="mb-2">Cues<br> • Happy:<br> • Sad:<br> • Depressed:<br> • Angry:<br>-feel free to add on-<br><br></li>
                   </ul>
               </div>

               <!----- COLUMN ---------------------->
               <div class="col-md-6 mb-2">
                   <h2 class="text-uppercase" style="letter-spacing:1px; font-weight: 300; border-bottom-width: 1px; border-bottom-style:solid;"></h2>

                                      <!---------- unordered list example --------------->
                   <ul class="mb-0">
                       <li class="mb-2"><i>typical mood<i></li>
                       <li class="mb-2"><i>common interaction with people; esp. those they don’t personally know<i><br><br></li>

                       <li class="mb-2"><i>emotional consistency / stability</i><br><br></li>

                       <li class="mb-2"><i>do they hide emotion or let it out openly</i><br><br></li>

                       <li class="mb-2">visual/physical reactions to emotions<br>_<br>_<br>_<br>_<br>-feel free to add on-<br><br></li>
                   </ul>
               </div>

<div class="card d-block rounded-0 p-2 mb-4" style="border-style:dashed;">
           <h1 class="bg-primary text-white p-2 text-uppercase display-4" style="letter-spacing: 2px;">
             <i class="fal fa-star fa-fw" />Inner Tickings</h1>

           <!-------- START !! COLUMNS -------------->
           <div class="row my-2">

               <!----- COLUMN ---------------------->
               <div class="col-md-3 mb-5">
                   <h2 class="text-uppercase" style="letter-spacing:1px; font-weight: 300; border-bottom-width: 1px; border-bottom-style:solid;"></h2>

                   <!---------- unordered list example --------------->
                   <ul class="mb-0">
                       <li class="mb-2">Hobbies/Interests</li>
                       <li class="mb-2">Skills/Talents<br><br></li>

                       <li class="mb-2">Likes</li>
                       <li class="mb-2">Dislikes<br><br></li>

                       <li class="mb-2">Favorites<br><br></li>

                       <li class="mb-2">Humor<br><br></li>

                       <li class="mb-2">Pet Peeves<br><br></li>

                       <li class="mb-2">Superstitions/Beliefs<br><br><br></li>

                       <li class="mb-2">Dreams/Nightmares<br><br></li>

                       <li class="mb-2">Quirks<br><br></li>

                       <li class="mb-2">Savvy<br><br></li>

                       <li class="mb-2">Can't Understand<br><br></li>

                       <li class="mb-2">Closet Hobby<br><br></li>

                       <li class="mb-2">Guilty Pleasure<br><br></li>
                   </ul>
               </div>

               <!----- COLUMN ---------------------->
               <div class="col-md-6 mb-2">
                   <h2 class="text-uppercase" style="letter-spacing:1px; font-weight: 300; border-bottom-width: 1px; border-bottom-style:solid;"></h2>

                                      <!---------- unordered list example --------------->
                   <ul class="mb-0">
                       <li class="mb-2"><i>what they like to do for fun</i></li>
                       <li class="mb-2"><i>level of skill or talent for their hobbies/interests</i><br><br></li>

                       <li class="mb-2"><i>what they like</i></li>
                       <li class="mb-2"><i>what they can't stand</i><br><br></li>

                       <li class="mb-2"><i>colors, drinks, foods, etc.; list all that apply</i><br><br></li>

                       <li class="mb-2"><i>dark/dry/witty/sarcastic/dirty/childish/sophisticated/ironic/etc</i><br><br></li>

                       <li class="mb-2"><i>dislikes that relate to human behavior; triggers</i><br><br></li>

                       <li class="mb-2"><i>conspiracy theories, throws salt over the shoulder, knock on wood, etc</i><br><br></li>

                       <li class="mb-2"><i>what they dream about while they sleep</i><br><br></li>

                       <li class="mb-2"><i>strange things they do</i><br><br></li>

                       <li class="mb-2"><i>what they’re particularly well-informed of</i><br><br></li>

                       <li class="mb-2"><i>something they just can't get into/have no interest in</i><br><br></li>

                       <li class="mb-2"><i>something they likes but it isn’t obvious</i><br><br></li>

                       <li class="mb-2"><i>wink, wink</i><br><br></li>
                   </ul>
               </div>

<div class="card d-block rounded-0 p-2 mb-4" style="border-style:dashed;">
           <h1 class="bg-primary text-white p-2 text-uppercase display-4" style="letter-spacing: 2px;">
             <i class="fal fa-star fa-fw" />Inner Tickings</h1>

           <!-------- START !! COLUMNS -------------->
           <div class="row my-2">

               <!----- COLUMN ---------------------->
               <div class="col-md-3 mb-5">
                   <h2 class="text-uppercase" style="letter-spacing:1px; font-weight: 300; border-bottom-width: 1px; border-bottom-style:solid;"></h2>

                   <!---------- unordered list example --------------->
                   <ul class="mb-0">
                       <li class="mb-2">Hobbies/Interests</li>
                       <li class="mb-2">Skills/Talents<br><br></li>

                       <li class="mb-2">Likes</li>
                       <li class="mb-2">Dislikes<br><br></li>

                       <li class="mb-2">Favorites<br><br></li>

                       <li class="mb-2">Humor<br><br></li>

                       <li class="mb-2">Pet Peeves<br><br></li>

                       <li class="mb-2">Superstitions/Beliefs<br><br><br></li>

                       <li class="mb-2">Dreams/Nightmares<br><br></li>

                       <li class="mb-2">Quirks<br><br></li>

                       <li class="mb-2">Savvy<br><br></li>

                       <li class="mb-2">Can't Understand<br><br></li>

                       <li class="mb-2">Closet Hobby<br><br></li>

                       <li class="mb-2">Guilty Pleasure<br><br></li>
                   </ul>
               </div>

               <!----- COLUMN ---------------------->
               <div class="col-md-6 mb-2">
                   <h2 class="text-uppercase" style="letter-spacing:1px; font-weight: 300; border-bottom-width: 1px; border-bottom-style:solid;"></h2>

                                      <!---------- unordered list example --------------->
                   <ul class="mb-0">
                       <li class="mb-2"><i>what they like to do for fun</i></li>
                       <li class="mb-2"><i>level of skill or talent for their hobbies/interests</i><br><br></li>

                       <li class="mb-2"><i>what they like</i></li>
                       <li class="mb-2"><i>what they can't stand</i><br><br></li>

                       <li class="mb-2"><i>colors, drinks, foods, etc.; list all that apply</i><br><br></li>

                       <li class="mb-2"><i>dark/dry/witty/sarcastic/dirty/childish/sophisticated/ironic/etc</i><br><br></li>

                       <li class="mb-2"><i>dislikes that relate to human behavior; triggers</i><br><br></li>

                       <li class="mb-2"><i>conspiracy theories, throws salt over the shoulder, knock on wood, etc</i><br><br></li>

                       <li class="mb-2"><i>what they dream about while they sleep</i><br><br></li>

                       <li class="mb-2"><i>strange things they do</i><br><br></li>

                       <li class="mb-2"><i>what they’re particularly well-informed of</i><br><br></li>

                       <li class="mb-2"><i>something they just can't get into/have no interest in</i><br><br></li>

                       <li class="mb-2"><i>something they likes but it isn’t obvious</i><br><br></li>

                       <li class="mb-2"><i>wink, wink</i><br><br></li>
                   </ul>
               </div>