profile 9 lilia stich (10.28 main only)

<!--------------------
   Don't remove my credit.    Don't redistribute.   Feel free to frankenstein with other codes.    Works with every theme, may not work with custom CSS.   Say Something (HTML) by sardiine

   INSTRUCTIONS:
   -please read specific instructions for each section if you intend to edit the code
   -this is the CC (custom colours) version, for the BS (bootstrap) version go to this page https://pastebin.com/iVeV10R5
   -extensive editing may cause the code to break

   primary colour:  #ff338f; (use ctrl+f + replace all)

   --------------------->
<div class="mx-auto p-2">
    <div class="row no-gutters">
<!-------------------- RIGHT COLUMN --------------------->
        <div class="push-lg-8 col-lg-4">
            <div class="col-12 col-lg-12 mb-lg-n5 ml-lg-n5 pb-3 p-0" style="z-index:100">
                <div class="p-3" style="background:#ff338f;color:#fff"><span><i class="fad fa-quote-left fa-xl mr-2"></i>
<!-------------------- QUOTE (keep it to one line) --------------------->
                Let's show some pep like proper youths!</span></div>
                <div style="transform: rotate(198deg) skew(198deg,36deg);height:28px;width:33px;position:absolute;bottom:4px;right:10%;border-right-width:0;border-bottom-width:0;clip-path:polygon(0 0,100% 0,50% 50%,0 100%);background:#ff338f;"></div>
            </div>
            <hr class="hidden-lg-down m-0 mb-4" style="border-top: 2px dashed rgba(0,0,0,.1);">
            <div class="card rounded-0 border-0 p-3" style="box-shadow:rgba(0,0,0,0.2) 0 0 6px;z-index:10;">
                <div class="p-0" style="box-shadow:rgba(0,0,0,0.2) 0 0 6px inset;">
<!-------------------- FOCAL IMAGE  --------------------->
                    <div style="
                    background:url(https://twistedwonderland.wiki.gg/images/0/09/Card_Lilia_SSR_Swimwear.png) center;background-size:cover;background-repeat:no-repeat;
                    "><div class="hidden-md-down" style="min-height:430px"></div><div class="hidden-lg-up" style="min-height:300px"></div>
                    </div>
                </div>


            </div>
        </div>

<!-------------------- LEFT COLUMN --------------------->
        <div class="pull-lg-4 col-lg-8 pr-lg-4">
            <div class="flex-row text-center align-items-center justify-content-between" style="overflow:hidden;">
                <h1 class="col-12 col-lg-auto text-uppercase my-2 p-0" style="color:#fff;text-shadow:-1px 0 #ff338f, 0 1px #ff338f, 3px 1px 0 #ff338f, 0 -1px #ff338f;font-size:50px;font-weight:700;font-family:georgia!important;">
<!-------------------- NAME --------------------->
                    XUXU</h1>
                <div class="hidden-lg-down pr-4">
 <!-------------------- MESSAGE/SUB/AUTH BUTTONS (replace USERNAME with your own username) --------------------->
                    <a href="/~messages/create/xuxu" class="tooltipster px-3 text-muted" TITLE="message"><i class="fas fa-envelope"></i></a>
                    <a href="/xuxu/subscribe" class="tooltipster px-3 text-muted" TITLE="subscribe"><i class="fas fa-plus"></i></a>
                    <a href="/xuxu/authorize" class="tooltipster px-3 text-muted" TITLE="authorize"><i class="fas fa-heart"></i></a>
                </div>
            </div>
            <div class="flex-row p-1 mb-4 text-monospace justify-content-between text-center" style="background:#ff338f;color:#fff;font-size:11pt;font-weight:300;letter-spacing:2px">
<!-------------------- INFO --------------------->
                <div class="col">xuxu</div>/ <div class="col">they/them</div>/ <div class="col">18+</div>
            </div>
            <div class="card rounded-0 border-0 mb-4 p-3" style="box-shadow:rgba(0,0,0,0.2) 0 0 6px;">
<!-------------------- BLURB (this scrolls) --------------------->
                <p class="p-2" style="overflow:auto;max-height:150px;font-size:0.9rem;font-weight:300;">
What's up babes, bros, and nonbinary crows~! I'm Xuxu, a digital artist & undergrad student from the U.S. West Coast. I gravitate toward character designs that are androgynous, gender non-conforming, and have eye-catching color palettes. Anything from cute & soft to elegant & cool tickles my fancy. Unfortunately, I don't draw as often as I'd like to, so please bare with my scarce uploads >_< !
</p>


                <div class="row no-gutters mt-3">
                    <div class="col-12">
<!-------------------- PREFERENCES --------------------->
                        <ul class="fa-ul mb-2" style="font-weight:300;">

                          <li class="mb-1"><i class="far fa-circle-info fa-li text-muted"></i>
                            Beware! This user is currently brainrotting over Malleus and Lilia.</li>

                            <li class="mb-1"><i class="far fa-globe fa-fw fa-li text-muted"></i>
                            Timezone: United States (PST)</li>

                            <li class="mb-1"><i class="far fa-id-card fa-fw fa-li text-muted"></i>
                            <a href="https://xuxu-time.carrd.co/">About me carrd</a></li>
                        </ul>

                    </div>
                </div>
            </div>

            <hr class="hidden-lg-down mb-4" style="border-top: 2px dashed rgba(0,0,0,.1);">


  <div style="background: url(https://media.tenor.com/NwUlk4G1IJ4AAAAC/art-eaten.gif)
                        center no-repeat;
                    background-size: cover;
                    min-height: 60px;"></div>


<!-------------------- ADD MORE LINKS UNDER HERE --------------------->

<!-------------------- LINKS END --------------------->
            </div>
        </div>
    </div>
<!-------------------- CREDIT - DO NOT REMOVE --------------------->
<div class="card flex-row rounded-0 border-0 mt-4 p-2 px-3" style="box-shadow:rgba(0,0,0,0.2) 0 0 6px;">
    <hr class="my-0"><span style="font-size:10pt">code by <a href="https://toyhou.se/22751023" style="color:#ff338f;">@/sardiine</a></i></span>
</div>
</div>