[F2U] Huevember (6)

<div class="container mt-5 pt-5" style="max-width:400px;">
    <div class="card bg-faded p-3" style="border-color:{{c!accent!}};">
        <div class="d-flex justify-content-center">
            <div style="clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%); margin-top:-91px; background:{{c!accent!}} url({{!header icon!}}) center; background-size:cover; background-blend-mode:multiply; padding:75px;"></div>
        </div>
        <div class="p-2">
            <p class="text-center" style="font-variant:small-caps; font-size:1.1em;">
                {{!name!}}. {{!age!}}. {{!pronouns!}}.
            </p>
            <hr class="w-75">
            <div class="text-justify mx-sm-1">
                {{%description%
                <p>
                    {{l%paragraph%}}
                </p>
                %end%}}
            </div>
            <hr class="w-75 mb-0">
            <div class="row mx-sm-1">
                {{%featured character%
                <div class="col-4 mt-3 mx-auto">
                    <a href="{{%character link%}}" class="btn" style="background:{{c!accent!}} url({{%character icon%}}) center; background-size:cover; background-blend-mode:multiply; clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%); padding:50%;"></a>
                </div>
                %end%}}
            </div>
            <hr class="w-75">
            <div class="row mx-sm-1">
                <div class="col">
                    <div class="text-center">
                        <h2 style="font-size:1em; font-variant:small-caps; font-size:1.1em;">
                            comms
                        </h2>
                        <p>
                            {{!commissions status!}}
                        </p>
                    </div>
                </div>
                <div class="col">
                    <div class="text-center">
                        <h2 style="font-size:1em; font-variant:small-caps; font-size:1.1em;">
                            requests
                        </h2>
                        <p>
                            {{!requests status!}}
                        </p>
                    </div>
                </div>
                <div class="col">
                    <div class="text-center">
                        <h2 style="font-size:1em; font-variant:small-caps; font-size:1.1em;">
                            roleplay
                        </h2>
                        <p>
                            {{!roleplay status!}}
                        </p>
                    </div>
                </div>
            </div>
            <hr class="w-75">
            <div class="text-center">
                <a href="{{u!link 1 URL!}}" class="mx-1" style="color:{{c!accent!}};">
                    <i class="fa-brands fa-instagram"></i>
                </a>
                <a href="{{u!link 2 URL!}}" class="mx-1" style="color:{{c!accent!}};">
                    <i class="fa-brands fa-twitter"></i>
                </a>
                <a href="{{u!link 3 URL!}}" class="mx-1" style="color:{{c!accent!}};">
                    <i class="fa-brands fa-deviantart"></i>
                </a>
                <a title="{{!discord tag!}}" class="mx-1 tooltipster" style="color:{{c!accent!}};">
                    <i class="fa-brands fa-discord"></i>
                </a>
            </div>
        </div>
    </div>
    <div class="mt-3 text-center">
        <a href="https://toyhou.se/HTMLobster" title="html by noll" class="tooltipster">
            <i class="fa-solid fa-lobster"></i>
        </a>
    </div>
</div>