Kyky

<!--
Background: #2b1d1f
Text: #f5d3d7

Use "find & replace" to change all at once.
-->

<!--- NEW CODE-------->
<!--- NEW CODE-------->
<!--- NEW CODE-------->

<div class="col-md-12">
<div class="card border-0 p-1 mx-auto" style="background: white;background-size: cover; background-position: justify; max-width: 350px; min-height: 100px; min-width: 150px; box-shadow: inset 0px 0px 1px 1px;">

    <div class="col-md-0">
        <div class="card border-0 p-2" style="background: url(https://img.freepik.com/free-photo/particle-burst-golden-sparkle-shimmer-background-illustration_1017-42064.jpg?size=626&ext=jpg&ga=GA1.1.1546980028.1702598400&semt=ais);background-size: justify; background-position: bottom; max-width: 350px; min-height: 100px; min-width: 150px; box-shadow: inset 0px 0px 1px 1px;">

<!---Icon's image URL--->
            <div class="container">
            <div class="row">
            <div class="col-md-0">
            <div class="card border-right; h-100" style="background: url(https://f2.toyhou.se/file/f2-toyhou-se/characters/25229725?1704843046); background-size: cover; background-position: justify; background-repeat: no-repeat; max-height:150px; max-width: 150px; min-height: 100px; min-width: 100px; border-color: #000;"></i></a>
                    </div>
                    </div>

<!---After this point, you can replace color: #000 with another hex code, or replace it with color: white;--->

                    <div class="col-md-8">
                        <div style="font-size:large; color: white">
                            <strong>
                            KYKY</strong>
                            <hr style="border-color: white; margin-bottom:0; margin-top:0;">
                        </div>

                        <div style="font-size:small; color: white">
                            <em>Apathetic but caring sushi friend. Ironically enjoys eating seafood. Is glad to tag along.</em>

    <!---If you just want the namecard, icon, and blurb, first ctrl + F 'NOTE' to find the second half, then start selecting and erase the area from here to there.--->
                        </div>
                        <div class="mt-2"></div>
                        <a data-toggle="collapse" href="#stats" role="button" aria-expanded="false" aria-controls="collapseExample">

<!---If you'd like a white down arrow, replace the current i class with <i class="fas fa-caret-down" style="color: white;"> (or, you can change the 'white' to any hex colour you'd like!--->
                            <center><i class="fas fa-caret-down">
                                </i>

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

<div class="collapse" id="stats">
<div class="mx-auto" style="font-size:80%; max-width:350px; color: white;">

<!----- general information ----->
<div class="card border-0 my-2 p-2" style="border-radius:10px; background:#000000;">

   <div class="justify-content-between"><div>Name</div>
          <div>Kyky</div></div>

     <div class="justify-content-between"><div>Age</div>
          <div>Adult</div></div>

     <div class="justify-content-between"><div>Gender</div>
          <div>i dont know (any prns)</div></div>

     <div class="justify-content-between"><div>Pokemon</div>
          <div>Tatsugiri</div></div>

    <div class="justify-content-between"><div>TC Page Link</div>
          <div><a href="https://sites.google.com/view/tectoniccrusade/xuxu">Team CPM</a></div></div>

  </div>


<!----- personality / about ----->
<div class="card border-0 mt-2 p-2" style="border-radius:10px; height:90px; overflow-y:auto; background:#000000;">

     <p>rather indifferent and apathetic. loves seafood. he also has a humanoid au/version!</p>

     <p>his name "Kyky" seems to be a derivative of Kyle.</p>


  </div>

<div class="card border-0 my-2 p-2" style="border-radius:10px; background:#000000;">

<div class="justify-content-between"><div><i class="fal fa-code"/></div>
          <div><a href="pvnksoda">Code credit</a> | <a href="Coturnix">Code credit 2</a></div></div>
</div></div>


<!---NOTE: If you just want the blurb without the stats tab, here's where you stop.--->

          </div>
                </div>