profile 11 [4.3.25]

<br>
<!-------------------------------------------------
         Tidal — Custom Coloured version.
        (code by jiko)

        ------------------------------

        RULES
        → Read this thoroughly please, and maybe drop a small comment saying that you've read it? :'3
        thank youu [ https://toyhou.se/~bulletins/127417.code-rules ]

        ------------------------------

        TIPPY TIPS
        → insert your img links INSIDE or quotation marks!!
        → looking for a good online code editor?  try [ https://th.circlejourney.net/# ] !

        ------------------------------

        ACCENTS
        → colour 1 ----------- #fff
        → colour 2 ----------- #7a708a

        → text-color --------- #071f23

        use control/command + f to quickly change the colours!

 ------------------------------------------------->
 <div class="mx-auto" style="max-width:1100px; position:relative; overflow:hidden; border-left:10px solid #7a708a; border-right:10px solid #fff; border-radius:20px;">
 <!-------------------------------------------------


                 BACKGROUND


 ------------------------------------------------->
 <div class="row no-gutters" style="position:absolute; top:0; right:0; bottom:0; left:0; z-index:-1;">
    <div class="col-md-4 d-flex" style="background:#252426; overflow:hidden">
        <div class="align-items-center" style="margin-left:-100px;">
        <span class="fa-stack fa-2x" style="font-size:90px;">
            <i class="fa-solid fa-circle fa-stack-2x" style="color:#7a708a;"></i>


            <!-- find more icons at [fontawesome.com] to change the [fa-cloud-showers] -->
            <i class="fa-duotone fa-spa fa-stack-1x" style="color:#fff"></i>


        </span>
        </div>
    </div>
    <div class="col-md" style="background:#7a708a"></div>
 </div>
 <div class="mx-auto" style="letter-spacing:0.3px; max-width:900px; z-index:2;">
 <div class="row no-gutters py-md-4 py-3">
 <!-------------------------------------------------


                 CHARACTER


 ------------------------------------------------->
 <div class="col-md-5 mb-md-0 mb-1" style="z-index:3">


    <!-- PAGEDOLL
    ----------------------------------------------->
    <!--
    > any size okay, looks best if more tall/height
    > works best with transparent bg's
    -->
    <div style="min-height:410px; min-width:410px;


    background-image:url(https://f2.toyhou.se/file/f2-toyhou-se/images/95888320_6NyHAJ60sYulVy2.gif);
    background-size:cover;
    background-position:center;
    background-repeat:no-repeat;

    filter:drop-shadow(5px 5px #7a708a) drop-shadow(-5px -5px #7a708a)"></div>


 </div>
 <!-------------------------------------------------


                 INTRODUCTION


 ------------------------------------------------->
 <div class="col-md-7 p-3 px-md-4 my-auto flex-column" style="background:#7a708a;">



    <!-- NAME
    ----------------------------------------------->
    <div class="text-center mt-1 mb-4" style="color:#fff; z-index:6; position:relative;">
        <div class="text-uppercase mb-n2" style="font-family:times, serif; font-weight:900; font-size:40px; letter-spacing:3px; filter:drop-shadow(1px 1px #7a708a) drop-shadow(-1px -1px #7a708a) drop-shadow(-1px 1px #7a708a) drop-shadow(1px -1px #7a708a)">


            <!-- put the first letter in the span! -->
            <span class="faded font-italic">X</span>uxu


        </div>
        <p class="text-uppercase text-monospace font-italic" style="font-size:95%; letter-spacing:1px">


            18+ . they/them . <a href="https://xuxu-time.carrd.co/" title="about me + links" class="tooltipster" data-placement="bottom" style="color:#ffffff;">
            <u>carrd</u></a>   <i class="fas fa-id-card fa-sm fa-fw"></i>

        </p>
    </div>


    <!-- SUMMARY BOX ----------------------------------------------->
    <!--  > best if kept relatively short, this code is best suited for characters with brief information.  -->
    <div class="card rounded-0 p-3 text-justify" style="max-height:300px; overflow:auto; background:#fff; color:#071f23; border-radius:10px">

        <!-- put the first five words in the span! -->
        <p><span class="text-uppercase font-italic" style="color:#7a708a;letter-spacing:1px;">What's up babes, bros and crows!</span>  I'm Xuxu, a digital artist & undergrad psychology student. I'm obsessed with TGCF, SVSSS, Twisted Wonderland, and royal webtoons at the moment. ✧･ﾟ </p>
        <p><i>"But who prays for Satan? Who, in eighteen centuries, has had the common humanity to pray for the one sinner that needed it most?"</i></p>

    </div>



    <!-- MOODBOARD ROW
    ----------------------------------------------->
    <div class="row no-gutters mt-2 mx-n2">

        <!-- ONE ---------------------------------->
        <div class="col p-2">
            <div style="min-height:60px; border-radius:10px;


            background-image:url(https://i.gifer.com/6aKM.gif);

            background-size:cover;
            background-position:top;
            background-repeat:no-repeat;"></div>
        </div>


    <!-- add more above this line! -->
    </div>

    <!-- JIKO CREDITS
    ----------------------------------------------->
    <div class="text-center">
        <a href="https://toyhou.se/18725078." class="faded tooltipster" data-placement="left" title="code by jiko" style="color:#fff; ">
            <i class="fa-solid fa-code fa-fw fa-xs"></i></a>  <a href="https://toyhou.se/fox_trots_" class="faded tooltipster" data-placement="right" title="pagedoll by fox_trots_" style="color:#fff; ">
            <i class="fa-solid fa-brush fa-fw fa-xs"></i>
        </a>

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