lorekeeper code template

<p>&nbsp;</p>
<div class="card-body">
<div class="row" style="margin: auto; max-height: 500px; width: 750px;">
<div class="card" style="background-color: white; width: 500px;">
<div style="margin: 20px;">
<h1 class="text-uppercase" style="letter-spacing: 2px; text-align: center; color: black; text-shadow: 0px 0px 3px black; font-family: sans-serif; font-weight: normal;">Name here</h1>
<hr />
<div style="font-family: sans-serif; color: #000000; font-weight: bold; font-size: 120%;" align="justify">
<p class="text-uppercase" style="font-weight: normal;" align="center">Adjective | Adjective | Adjective</p>
</div>
<hr />
<div style="line-height: 170%;">
<div class="d-flex justify-content-between" style="font-family: sans-serif; color: #000000; font-weight: bold; font-size: 120%;"><span style="color: gray; font-weight: normal;">Age</span>#</div>
<div class="d-flex justify-content-between" style="font-family: sans-serif; color: #000000; font-weight: bold; font-size: 120%;"><span style="color: gray; font-weight: normal;">Birthday</span>Month Day</div>
<div class="d-flex justify-content-between" style="font-family: sans-serif; color: #000000; font-weight: bold; font-size: 120%;"><span style="color: gray; font-weight: normal;">Sign</span>Sign</div>
<div class="d-flex justify-content-between" style="font-family: sans-serif; color: #000000; font-weight: bold; font-size: 120%;"><span style="color: gray; font-weight: normal;">Pronouns</span>She/they/he/it</div>
<div class="d-flex justify-content-between" style="font-family: sans-serif; color: #000000; font-weight: bold; font-size: 120%;"><span style="color: gray; font-weight: normal;">Height</span>#</div>
<div class="d-flex justify-content-between" style="font-family: sans-serif; color: #000000; font-weight: bold; font-size: 120%;"><span style="color: gray; font-weight: normal;">Toyhouse Link</span><a style="color: blue; text-shadow: 0px 0px 3px white;" href="#">Click Me</a></div>
</div>
<hr />
<div style="max-height: 150px; line-height: 120%;">
<p style="font-family: sans-serif; color: #000000;" align="justify">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed accumsan metus vitae purus tempor, vel sollicitudin nulla aliquam. Morbi tincidunt tellus nec nibh faucibus porttitor. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed accumsan metus vitae purus tempor, vel sollicitudin nulla aliquam.</p>
</div>
</div>
</div>
<div class="card" style="width: 240px; max-height: 500px; margin-left: 10px; border-width: 0px; background-image: url('https://i.imgur.com/7F8ESYU.png'); background-repeat: no-repeat; box-shadow: 0px 0px 5px black;">&nbsp;</div>
<div><a style="font-family: sans-serif; font-weight: normal; font-size: 80%; color: white;" href="https://pastebin.com/Ve7qak4w">Code template here.</a></div>
</div>
</div>