<div class="container mt-5" style="max-width:600px;">
    <div class="card" style="border-color:{{c!accent color!}}; box-shadow:0 0 15px {{c!accent color!}};">
        <div class="p-5" style="background:{{c!accent color!}} url(https://f2.toyhou.se/file/f2-toyhou-se/images/20693767_c8fA0XCeiv1vfK4.png); height:150px;"></div>
        <div class="row p-4">
            <div class="col-lg-4 mt-n5">
                <div>
                    <div class="mt-n5 rounded-circle mx-auto" style="background:{{c!accent color!}} url({{u!side icon!}}); background-size:cover; background-blend-mode:multiply; height:150px; width:150px;"></div>
                    <div class="mt-n5 mx-auto" style="width:150px;">
                        <i class="fa-solid fa-star fa-2x mt-n4 text-white" style="transform:rotate(5deg); position:absolute;"></i>
                        <i class="fa-solid fa-star mt-3 ml-4 text-white" style="transform:rotate(45deg); position:absolute;"></i>
                    </div>
                </div>
            </div>
            <div class="col mt-lg-n4">
                <h1 class="display-3 mt-lg-n5 text-dark font-weight-bold">
                    {{!name!}}
                </h1>
                <div>
                    <p>
                        {{l!description!}}
                    </p>
                </div>
            </div>
        </div>
        <div class="px-4 pb-4 justify-content-between mt-2">
            <a href="{{!link 1 url!}}" class="btn text-dark" style="background:{{c!accent color!}};">
                <i class="fa-brands fa-instagram fa-fw"></i> {{!username 1!}}
            </a>
            <a href="#" class="btn text-dark tooltipster" title="{{!discord tag!}}" style="background:{{c!accent color!}};">
                <i class="fa-brands fa-discord fa-fw"></i> {{!discord tag!}}
            </a>
            <a href="{{!link 3 url!}}" class="btn text-dark" style="background:{{c!accent color!}};">
                <i class="fa-brands fa-twitter fa-fw"></i> {{!username 3!}}
            </a>
            <a href="{{!link 4 url!}}" class="btn text-dark" style="background:{{c!accent color!}};">
                <i class="fa-brands fa-deviantart fa-fw"></i> {{!username 4!}}
            </a>
        </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>
        <a href="https://toyhou.se/6259293.-f2u-transparent-patterns" title="pattern by CanadianLyynx" class="tooltipster">
            <i class="fa-solid fa-image"></i>
        </a>
    </div>
</div>