kieer's code testing - [caution!]

<link href="https://fonts.googleapis.com/css?family=Bilbo+Swash+Caps&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Open+Sans&display=swap" rel="stylesheet">
<div><div style="width:100%; text-align: center; height: auto; margin: auto; width: 82%; min-height: 82%;"><div style="overflow: hidden; background-image: linear-gradient(#e0dbd1, white, white, white, white);"><div style="text-align: center !important; height: auto; background-color: #454039; padding-left: 25%; font-size: 50px; line-height: 36px; color: white; font-family: Bilbo Swash Caps; font-weight: bold; line-height: 1.1; height: 2%; text-shadow: #7A450E 1px 0 10px; letter-spacing: .2rem;">Runningnose</div><div style="width:24%; float: left; text-align: left; background-color: #454039; overflow-y: hidden; overflow: hidden; scrollbar-width: none; margin-bottom: 0; color: white; font-family: OpenSans;"><div style="width: 130%; height: 500px; background: url(https://i.imgur.com/aPyFJck.png); background-size: cover; margin-bottom: 0; background-size: 100% 100%; background-repeat: no-repeat;"></div><div style="padding: 10px;">closest face-claim

[b]created date[/b]: January 21, 2003
[b]retired date[/b]: December 26, 2006
[b]<a href="https://warriorclancats.forumotion.com/t53551-orchidkit-of-shadowclan-perma-npc" style="color: white;">creation approval post</a>[/b]
[b]plots[/b]: n/a</div></div><div style="width:76%; text-align: center; float: right; font-family: OpenSans; box-sizing: border-box; padding-left: 20px; padding-right: 20px;"> Runningkit → Runningpaw → Runningnose
<hr>
Runningnose is a small gray-and-white tom with patchy, grizzled, and ungroomed fur. He has a gray muzzle, and rheumy, amber eyes.

<div style="width: 20% min-height:100px; overflow: hidden; margin: auto; padding-left: 20px; background-color: #b0a89d;">
<div style=" width: 50%; float: left; text-align: left; box-sizing: border-box; padding: 10px;">[b]gender[/b]: tom
[b]pronouns[/b]: he / him / himself
[b]age[/b]: elder
[b]sexuality[/b]: n/a
[b]religion[/b]: StarClan
[b]voice claim[/b]:n/a
</div><div style=" width: 50%; float: right; text-align: left; box-sizing: border-box; padding: 10px; border-left: 1px solid #FFFFFF;">[b]current residence[/b]: StarClan
[b]birth origin[/b]: pure ShadowClan born, [u]npc heritage[/u]
[b]rank[/b]: elder (60 HP / 80 SP)
[spoiler="to dos"]put your reqs here <3[/spoiler]
[b]status[/b]: hunting among the stars
[b]dialogue color[/b]: [color=#666633]#666633[/color]
</div></div><div style="width: 95%; overflow: hidden; margin: auto;"><lj-raw><div style="float: left;"><div style="height: 200px; width: 75%; overflow: hidden; background-color: #b0a89d; margin:20px 0; line-height: 1.5; float: left; border: 1px solid #5a1a96">[b]current personality & development[/b]
<a name="o1"></a><div style="height: 100%; overflow: auto; background-color: #FFFFFF; padding:20px; box-sizing: border-box;">[b]kit personality[/b]:

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Sagittis eu volutpat odio facilisis mauris sit. Sit amet nulla facilisi morbi tempus iaculis. Eu consequat ac felis donec et odio pellentesque diam. Neque vitae tempus quam pellentesque nec. Facilisis magna etiam tempor orci eu lobortis elementum nibh. Quis risus sed vulputate odio ut. Cras pulvinar mattis nunc sed blandit libero volutpat sed cras. Amet justo donec enim diam vulputate. Tristique risus nec feugiat in fermentum posuere urna nec. Faucibus pulvinar elementum integer enim neque volutpat ac tincidunt vitae. Euismod in pellentesque massa placerat. Porttitor lacus luctus accumsan tortor posuere ac ut. Penatibus et magnis dis parturient montes.

</div>


<!--SECTION-->
<a name="o2"></a><div style="height:100%; overflow: auto; background-color: #FFFFFF; padding: 20px; box-sizing: border-box;">[b]medicine cat apprentice personality[/b]:

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Sagittis eu volutpat odio facilisis mauris sit. Sit amet nulla facilisi morbi tempus iaculis. Eu consequat ac felis donec et odio pellentesque diam. Neque vitae tempus quam pellentesque nec. Facilisis magna etiam tempor orci eu lobortis elementum nibh. Quis risus sed vulputate odio ut. Cras pulvinar mattis nunc sed blandit libero volutpat sed cras. Amet justo donec enim diam vulputate. Tristique risus nec feugiat in fermentum posuere urna nec. Faucibus pulvinar elementum integer enim neque volutpat ac tincidunt vitae. Euismod in pellentesque massa placerat. Porttitor lacus luctus accumsan tortor posuere ac ut. Penatibus et magnis dis parturient montes.

</div>


<!--SECTION-->
<a name="o3"></a><div style="height:100%;overflow: auto; background-color: #FFFFFF; padding:20px; box-sizing: border-box;">[b]medicine cat personality[/b]:
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Sagittis eu volutpat odio facilisis mauris sit. Sit amet nulla facilisi morbi tempus iaculis. Eu consequat ac felis donec et odio pellentesque diam. Neque vitae tempus quam pellentesque nec. Facilisis magna etiam tempor orci eu lobortis elementum nibh. Quis risus sed vulputate odio ut. Cras pulvinar mattis nunc sed blandit libero volutpat sed cras. Amet justo donec enim diam vulputate. Tristique risus nec feugiat in fermentum posuere urna nec. Faucibus pulvinar elementum integer enim neque volutpat ac tincidunt vitae. Euismod in pellentesque massa placerat. Porttitor lacus luctus accumsan tortor posuere ac ut. Penatibus et magnis dis parturient montes.</div>


<!--SECTION-->
<a name="o4"></a><div style="height:100%; overflow :auto; background-color: #FFFFFF; padding:20px; box-sizing:border-box;">[b]elder personality[/b]:
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Sagittis eu volutpat odio facilisis mauris sit. Sit amet nulla facilisi morbi tempus iaculis. Eu consequat ac felis donec et odio pellentesque diam. Neque vitae tempus quam pellentesque nec. Facilisis magna etiam tempor orci eu lobortis elementum nibh. Quis risus sed vulputate odio ut. Cras pulvinar mattis nunc sed blandit libero volutpat sed cras. Amet justo donec enim diam vulputate. Tristique risus nec feugiat in fermentum posuere urna nec. Faucibus pulvinar elementum integer enim neque volutpat ac tincidunt vitae. Euismod in pellentesque massa placerat. Porttitor lacus luctus accumsan tortor posuere ac ut. Penatibus et magnis dis parturient montes.</div>

</div>

<div style=" width: 20%; margin-top: 7%; text-align: left; border-left: 3px solid #000000; background-color: #FFFFFF; float: right;"><a href="#o1" style="color:#000000; text-decoration: none; margin:0 10px;">kit</a>
<a href="#o2" style="color:#000000; text-decoration:none; margin:0 10px;">apprentice</a>
<a href="#o3" style="color:#000000; text-decoration:none; margin:0 10px;">medicine cat</a>
<a href="#o4" style="color:#000000; text-decoration:none; margin:0 10px;">elder</a></div></div></div></lj-raw>

[spoiler="allegiances"]
<div style="width: 20% min-height:100px; overflow: hidden; margin: auto; padding-left: 20px; text-align: left;">[b]mother[/b]: Lizardstripe
[b]father[/b]: Mudclaw
[b]littermates[/b]: Tangleburr, Deerfoot, Brokenstar (foster)
[b]kits[/b]: n/a <div style="width: 20% min-height:100px; overflow: hidden; margin: auto; padding-left: 20px;">
<div style=" width: 50%; float: left; text-align: left;">[b]mentor[/b]: Yellowfang
[b]apprentice[/b]: Littlecloud
</div><div style=" width: 50%; float: right; text-align: left;">[b]mate[/b]: n/a
[b]friends[/b]: n/a
[b]foes[/b]: n/a
</div></div>
</div>[/spoiler]

[spoiler="known timeline"]
<div style="width: 20% min-height:100px; overflow: hidden; margin: auto; padding-left: 20px; text-align: left;">
[b]first words[/b]: "Felis eget velit aliquet sagittis id consectetur purus ut."
[b]last words[/b]: "Sapien faucibus et molestie ac."

[b]kit[/b] (january 21, 2003 - ???)
<blockquote style="padding:0 0 0 15px;margin:5px 0 5px 20px;border-left:4px solid #000000;">none yet!</blockquote>

[b]medicine cat apprentice[/b] (??? - ???)
<blockquote style="padding:0 0 0 15px;margin:5px 0 5px 20px;border-left:4px solid #000000;">none yet!</blockquote>

[b]medicine cat[/b] (??? - ???)
<blockquote style="padding:0 0 0 15px;margin:5px 0 5px 20px;border-left:4px solid #000000;">none yet!</blockquote>

[b]elder[/b] (??? - ???)
<blockquote style="padding:0 0 0 15px;margin:5px 0 5px 20px;border-left:4px solid #000000;">none yet!</blockquote>
</div>
[/spoiler]

</div></div><font style="font-size: 10px; float: left;">code (c) kieer</font></div>