lethargy (u) code

<!---

LETHARGY / by cati/dogboy

    NOTES
    accent: #2B314B
            (use ctrl+f + replace for accent replacement)
    mobile friendly + custom colors! ✔✔✔

    RULES & DISCLAIMERS
    - fav/comment if using pls!
    - feel free to edit/frakenstein/etc if you feel, just pls dont remove my credit!!
    - have a nice day!!

--->

<div class="container-fluid" style="background:none;padding-top:10px;padding-bottom:1px;border-radius:0px;max-width:800px;margin:30px auto 5px;">
    <div class="card p-2" style="background-color:#FFFFFF;overflow:auto;max-height:100px;max-width:800px;border-radius:20px;border:2px solid #2B314B;">
        <!--- username --->
        <h3 class="text-uppercase font-weight-bold my-2 p-0" style="color:#2A304A;font-size:30px;letter-spacing:3px;" align="center">USERNAME</h3>
    </div>
    <!--- background image --->
    <div class="container-fluid" style="background:url(https://64.media.tumblr.com/6d9ab093c7e53e9e0cfc52522bd8e291/tumblr_inline_ml7ydbbfK71qz4rgp.gif) repeat fixed;padding:10px;padding-bottom:1px;border-radius:5px;max-width:800px;margin:10px auto 1px;border:2px solid #2B314B;">
    <div class="row no-gutters">
    <div class="col-lg-7 p-3">
        <div class="card p-2" style="background-color:#FFFFFF;overflow:auto;border:2px solid #2B314B;">
            <!--- user info --->
           <h3 class="text-uppercase font-weight-bold my-2 p-0" style="color:#2A304A;font-size:20px;letter-spacing:3px;" align="center">name / age / pronouns</h3>
        </div>
        <div class="card mt-2" style="background-color:#FFFFFF;height:200px;overflow:auto;border:2px solid #2B314B;">
            <!--- description --->
           <p class="text-center p-3" style="color:#2A304A;font-size:16px;">
           Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum non auctor lorem. Maecenas et viverra nibh. Duis eget dignissim dolor. Ut eu turpis porta, bibendum odio vitae, efficitur leo. Aenean ultrices, nulla in maximus consectetur, libero eros efficitur ex, vel faucibus sapien sem et leo. Pellentesque massa est, pretium sed euismod sit amet, iaculis sit amet justo.</p>
        </div>
        <div class="col-12 p-2 m-2" style="background-color:#FFFFFF;max-width:95%;overflow:auto;margin-left:2%;border:2px solid #2B314B;border-radius:1px;">
            <div class="justify-content-between mx-2 p-2">
            <span class="p-2 text-uppercase font-italic font-weight-bold" style="font-size:21px;letter-spacing:1px;color:#2A304A;">song name</span>
            <!--- music player, paste the end of a yt link after the "youtube.com/embed/" / credit to @Strabi + @phasmology for music code ! --->
            <span class="p-2">
            <iframe class="flex-fill" style="height:1em;width:1em;opacity:0;position:absolute;margin-top:6px;z-index:1;" frameborder="0" allow="accelerometer; encrypted-media; gyroscope; picture-in-picture" allowfullscreen
                        src="https://www.youtube.com/embed/CQSgzchzMlI"></iframe><i class="fas fa-play fa-2x" style="color:#2A304A;"></i></span>
            </div>
            </div>
    </div>
    <div class="col-lg-5">
        <!--- pagedoll, id personally reccommend using a verticle image. the width probably needs to be adjusted based on the image, so just play with the number after "width" so it fits to your liking! --->
        <img class="mx-auto d-flex" src="https://f2.toyhou.se/file/f2-toyhou-se/images/26532603_6D8QxNyY3oN9fP7.png" style="width:215px;">
        <div class="card p-3 m-2" style="background-color:#FFFFFF;overflow:auto;max-height:100px;max-width:800px;border:2px solid #2B314B;">
        <h3 class="p-1" style="font-size:23px;letter-spacing:3px;color:#2A304A;" align="center">
            <!--- links --->
                      <a href="URLHERE"><span title="DEVIANTART"><i class="fab fa-deviantart" style="color:#2A304A;"></i></span></a> •
                      <a href="URLHERE"><span title="INSTAGRAM"><i class="fab fa-instagram" style="color:#2A304A;"></i></span></a> •
                      <a href="URLHERE"><span title="TUMBLR"><i class="fab fa-tumblr" style="color:#2A304A;"></i></span></a> •
                      <a href="URLHERE"><span title="YOUTUBE"><i class="fab fa-youtube" style="color:#2A304A;"></i></span></a> •
                      <a href="URLHERE"><span title="TWITTER"><i class="fab fa-twitter" style="color:#2A304A;"></i></span></a>
           </h3>
        </div>
    </div>
    </div>
    </div>
    </div>
        <!--- credit, dont remove pls! --->
    <a class="d-block text-muted text-center" href="https://toyhou.se/8557993.lethargy-f2u-html/8557998.user" style="font-size:0.6em;">code by cati <i class="fad fa-rainbow"></i></a>