Profile
<div class="card-block" style="position:relative;box-shadow:inset 0 0 0 4px #EEFFB8;border:3px solid #E98F1F;margin:auto;width:52%;padding:50px;background-clip:content-box;background-origin:content-box;background-attachment;scroll;background: #F8FFC7 url(https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/4dc19052-ee12-4f36-bece-9307b4e6b021/d5hkvq1-92dd0cc6-1141-4fc6-a915-1386476076ef.png/v1/fill/w_900,h_1738,q_80,strp/2__lemon_lime_custom_box_background_by_bgs_and_banners_d5hkvq1-fullview.jpg?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7ImhlaWdodCI6Ijw9MTczOCIsInBhdGgiOiJcL2ZcLzRkYzE5MDUyLWVlMTItNGYzNi1iZWNlLTkzMDdiNGU2YjAyMVwvZDVoa3ZxMS05MmRkMGNjNi0xMTQxLTRmYzYtYTkxNS0xMzg2NDc2MDc2ZWYucG5nIiwid2lkdGgiOiI8PTkwMCJ9XV0sImF1ZCI6WyJ1cm46c2VydmljZTppbWFnZS5vcGVyYXRpb25zIl19.5GKn6hos0jZlPzDxtGnX6u34n1eM1K9SDq9Rhuur_oI) left top;">
<div class="card-block" style="width:100%;color:#554075;font-family:trebuchet ms;font-size:16px;text-align:center;left:auto;right:auto;background-color:#FDFF96;padding:5px;height:285px;border:4px solid #429551;box-shadow:0 0 0 3px #EEFFB8">
<div class="card-block" style="position:relative;width:98%;margin:auto;background-color:#E8F977;color:#F8FFC7;margin-top:5px;font-size:48px;margin-bottom:9px;line-height:50px;padding:2px;text-shadow:1px 0px 1px #429551,1px 1px 1px #429551,1px 1px 0 #429551, 1px 0px 0 #429551, 0px -1px 0 #429551, 0px -1px 1px #429551, -1px 0px 1px #429551;font-style:italic;">name lastname</div>
<div class="card-block" style="position:relative;height:195px;float:left;margin-right:-6px;width:120px; margin-left:6px;background:url(https://via.placeholder.com/120x195) #E8F977 left padding-box no-repeat;background-size:auto;border:4px solid #E98F1F;padding:3px;box-shadow:inset 0 0 0 2px #EEFFB8"></div>
<div class="card-block" style="color:#6E9700;font-family:arial;text-align:center;font-size:16px;background:transparent;overflow-x:hide;overflow-y:scroll;height:195px;">
<div class="card-block" style="font-weight:bold;display:inline;background-color:#E98F1F;color:#FDFF96;font-size:24px;height:22px;padding:5px;line-height:100%;">SPECIES</div> <div class="card-block" style="font-weight:bold;display:inline;background-color:#429551;color:#FDFF96;font-size:24px;height:22px;padding:5px;line-height:100%;">GENDER</div>
<p></p><p></p><div class="card-block" style="font-weight:bold;display:inline;background-color:#429551;color:#FDFF96;font-size:24px;height:22px;padding:5px;line-height:100%;">S/O</div> <div class="card-block" style="font-weight:bold;display:inline;background-color:#E98F1F;color:#FDFF96;font-size:24px;height:22px;padding:5px;line-height:100%;">PRNS</div>
<p><p align="center">
<hr style="border: 2px solid #C9DF30;width:100%;margin-bottom:8px;">
bla bla bla bla bla bla
</div></div>
<div class="card-block" style="width:100%;color:#554075;font-family:trebuchet ms;font-size:16px;text-align:center;left:auto;right:auto;background-color:#FDFF96;padding:5px;margin-top:30px;padding-top:10px; height:275px;border:4px solid #429551;box-shadow:0 0 0 3px #EEFFB8">
<div class="card-block" style="position:relative;height:245px;float:right;margin-left:6px;width:120px; margin-right:6px;background:url(https://via.placeholder.com/120x245) #E8F977 left padding-box no-repeat;background-size:auto;border:4px solid #E98F1F;padding:3px;box-shadow:inset 0 0 0 2px #EEFFB8"></div>
<div class="card-block" style="color:#6E9700;right:10px;font-family:arial;text-align:center;font-size:16px;background:transparent;overflow-x:hide;overflow-y:scroll;height:245px;">MOAR??!??!?
</div></div></div><div style="width:52%;margin:auto;padding:0px; position:relative;text-align:right;color:#6E9700;"><i>code by greedy!</i></div>