Profile
<!--- CARD 1 --->
<div style="margin: 50px 150px 500px;">
<div class="card p-10 rounded-0" style="width: 15rem; height: 18rem; background: #f2f4f7; transform: rotate(5deg); box-shadow: 5px 5px black">
<!--- IMAGE --->
<img src="https://cdn.discordapp.com/attachments/608252896395657216/1089235358664896562/1.png" style="width: 200px; margin: 20px 20px;">
<i class="fa-sharp fa-solid fa-map-pin fa-5x" style="color: #000; transform: rotate(30deg); margin: -280px 200px"></i>
</div>
<!--- NAME --->
<div style="margin: -300px 300px">
<div class="card p-10 rounded-0" style="width: 17rem; height: 5rem; background-image:url(https://cdn.discordapp.com/attachments/608252896395657216/1089240767538680008/2.png)"; "transform: rotate(-5deg);>
<div class="name" style="color:#000; font-size: 40px; margin: 5px 25px; font-family:courier new; font-weight: bold; >
<div class="name">NAME <i class="fa-solid fa-barcode"></i></div>
<i class="fa-solid fa-paperclip fa-3x" style="color: #000; margin: -90px -10px"></i>
</div>
<!-- INFO 1 --->
<div style="margin: 30px -10px">
<div class="card p-10 rounded-0" style="width: 20rem; height: 20rem; background: #e8e1be; box-shadow: 5px 5px black" >
<div style="height:300px; width:310px; font:15px/26px courier new; overflow:auto; font-weight: bold; color: #000; margin: 5px">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam dapibus massa commodo, laoreet dolor at, interdum urna. Sed eget dapibus mi. Nunc sollicitudin arcu quis lectus ullamcorper iaculis. Nam accumsan tincidunt tellus, quis tempor justo faucibus in. Aenean quis odio non massa ullamcorper faucibus iaculis molestie dolor. In vulputate mi sit amet sapien luctus, ac interdum urna aliquet. Aenean sed sapien elementum, venenatis neque eget, ornare tortor. Maecenas vulputate mollis lorem, non commodo libero vulputate eu. Aliquam iaculis augue ac ligula sodales tincidunt. Nullam in hendrerit leo. Etiam porta tincidunt fermentum. Integer condimentum augue ipsum, a auctor nisl malesuada at. Cras elementum, lacus et sagittis convallis, nunc libero consectetur quam, eu lacinia erat urna id velit.
</div>
<i class="fa-sharp fa-solid fa-map-pin fa-5x" style="color: #000; transform: rotate(30deg); margin: -350px 270px"></i>
</div>
<!--- FINGERPRINT (can change to paw ( <i class="fa-solid fa-paw"></i> / <i class="fa-solid fa-paw-claws"></i> ) if character is an animal) --->
<div style="margin: -440px 330px;">
<div class="card p-10 rounded-0" style="width: 7rem; height: 6rem; background: #e8e1be; background: #f2f4f7;">
<i class="fa-solid fa-fingerprint fa-5x" style="color: #000; margin: 12px 16px"></i>
</div>
<!--- CARD 2 --->
<div style="margin: 60px 40px;">
<div class="card p-10 rounded-0" style="width: 15rem; height: 18rem; background: #f2f4f7; transform: rotate(-5deg); box-shadow: 5px 5px black">
<!--- IMAGE --->
<img src="https://cdn.discordapp.com/attachments/608252896395657216/1089252515868069898/3.png" style="width: 200px; margin: 20px 20px;">
<i class="fa-sharp fa-solid fa-map-pin fa-5x" style="color: #000; transform: rotate(-30deg); margin: -330px -20px"></i>
</div>
<!--- INFO 2 --->
<div style="margin: -90px -670px;">
<div class="card p-10 rounded-0" style="width: 17rem; height: 6.5rem; background-image:url(https://cdn.discordapp.com/attachments/608252896395657216/1089240767538680008/2.png)"; "transform: rotate(-5deg);>
<div class="info" style="color:#000; font-size: 20px; margin: 5px 25px; font-family:courier new; font-weight: bold; >
<div class="info">put anything
here wwwwwwwwww
wwwwwwwwwww
<i class="fa-solid fa-paperclip fa-2x" style="color: #000; margin: -300px 200px;"></i>
</div>
<!--- credit --->
<div class="credit" style="color:#000; font-size: 10px; font-family:courier new; font-weight: bold; >
<div class="credit">code by <a href="https://toyhou.se/jordison/">jordison</a>