F2U Character Profile (micro) (code)

<h1>Get full code <a href="https://toyhou.se/25748509.f2u-character-profile-micro/25748511.code"><i class="fas fa-star"></i>HERE<i class="fas fa-star"></i></a></h1>

<!-- This code is completely free to use or edit, no comment or favorite required. However, I do ask:
1. Do not sell this code in any way for any currency, even if you've made edits
2. Do not remove the credit at the end
3. Not required, but I would love if you commented if you use this code! I'd love to see what you guys come up with

To change the color of the borders, search and replace this value: #df2a63 -->

<div style="width: 100%; max-width: 800px; height: auto; margin: 0 auto; position: relative; z-index: 0; padding-left: 15%;">
<!-- character icon, will automatically scale and crop -->
<div style="width: 25%; padding-top: 25%; min-height: 75px; min-width: 75px; background-image: url(
https://f2.toyhou.se/file/f2-toyhou-se/characters/1338697?1695350112
); background-size: cover; position: absolute; z-index: 1; top: 0px; left: 5px; border-radius: 50% 0 50% 50%; border: 3px solid #df2a63; box-shadow: 0 4px 10px 4px rgba(0, 0, 0, .4);"></div>
<!-- main div -->
<div style="width: 100%; background-image: linear-gradient(to bottom, rgba(255, 255, 255, .1), rgba(0, 0, 0, 0)); border-radius: 20px; border: 3px solid #df2a63;display: flex; flex-wrap: wrap; ">
<div style="width: 5%"></div>
<div style="width: 95%; height: auto;">
<!-- Name and info -->
<h1 style="text-align: center; margin-bottom: 0; margin-top: 10px;"><i class="fas fa-star"></i> Name <i class="fas fa-star"></i></h1>
<br>
<h4 style="text-align: center; margin: auto; color: rgba(255, 255, 255, .4); width: 90%;"><em><span style="color: rgba(255, 255, 255, .7)">Perhaps a slight crumb of info... if you feel so inclined... </span>
<br>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</em></h4>
<br>
</div>
</div>
<!-- Credit, DO NOT remove -->
<a href="https://toyhou.se/justSimplySpace" style="float: right;"><i class="fas fa-star"></a>
</div>