Cute User

<!-- 
It's probably best to not change the colours but you do you

COLOURS
  » highlight the numbers i have written below
  » hit ctrl f
  » hit the plus sign 
  » put in your new colour (use hex codes)
  » click the "all" button - this automatically replaces all the colours
  
    ededed              white
    f0c1eb              pink
    7474bb              dark blue
    c1daf0              blue
    a3e0d7              green

-->
<div class="container" style="max-width:900px; color:#7474bb; font-family:cursive; font-size:15px;">
  <div class="card p-4" style="background:#f0c1eb; border:4px solid #7474bb; border-radius:30px; box-shadow:0 0 3px">
    <div class="card border-0 p-2 mb-2" style="background:#ededed;border-radius:20px">
      <div class="card bg-transparent py-2 px-4 text-center" style="border:4px dashed #f0c1eb; border-radius:20px">
        <p class="justify-content-between align-items-center">
          <span><img src="https://f2.toyhou.se/file/f2-toyhou-se/images/44438726_PD3HiM8s0NoSKRQ.png" style="height:50px"></span>
          <span class="display-4">
              
              <!--NAME OR TITLE HERE-->
                Username
              <!-- ================ -->
              
          </span>
          <span><img src="https://f2.toyhou.se/file/f2-toyhou-se/images/44438752_4ThcJ923hIVKpNw.png" style="height:50px"></span>
        </p>
      </div>
    </div>
    <div class="card border-0 p-2 mb-2" style="background:#ededed;border-radius:20px">
      <div class="card bg-transparent py-2 px-4 text-center" style="border:4px dashed #f0c1eb; border-radius:20px">
        <p><img class="float-left ml-n5" style="height:80px" src="https://f2.toyhou.se/file/f2-toyhou-se/images/44438731_qw0EVmlSUQGN2IZ.png">
          
          Write whatever you want and as much as you want. This box will stretch with content. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis sollicitudin elit sed tellus blandit viverra sed eget odio. Donec accumsan tempor lacus, et venenatis elit feugiat non. Duis porta eros et velit blandit dapibus. Curabitur ac finibus eros. Duis placerat velit vitae massa sodales, eget mattis nibh pellentesque.

        </p>
        
        <!-- LIST START -->
        <ul class="text-left"><img class="float-right mr-n5 mt-n3" style="height:100px" src="https://f2.toyhou.se/file/f2-toyhou-se/images/44438705_HzFyEnZB9Whx5Rb.png">
        
          <li>List for a DNI or important notes</li>
          <li>If you dont want the list then delete all the code between between the "LIST START" and "LIST END"</li>
          <li>Or if you want another paragraph change the "ul" at the start and end to a "p" and get rid of the "li" bits</li>
          <li>another note</li>
          
        </ul>
        <!-- LIST END -->
        
      </div>
    </div>
    <div class="card border-0 p-2" style="background:#ededed;border-radius:20px">
      <div class="card bg-transparent py-2 px-4 text-center" style="border:4px dashed #f0c1eb; border-radius:20px">
        <div class="row">
          <div class="col">
            <div class="btn w-100 p-0 m-1 border-0" style="background: #a3e0d7;">
              <a class="btn btn-block btn-outline-primary border-0" style="mix-blend-mode:luminosity; letter-spacing:2px;" 
              
              
              href="LINK">
              <!-- INSERT LINK ABOVE, BUTTON NAME BELOW-->
              Deviantart
              
              
              </a>
            </div>
          </div>
          <div class="col">
            <div class="btn w-100 p-0 m-1 border-0" style="background: #f0c1eb;">
              <a class="btn btn-block btn-outline-primary border-0" style="mix-blend-mode:luminosity; letter-spacing:2px;"
              
              
              href="LINK">
              <!-- INSERT LINK ABOVE, BUTTON NAME BELOW-->
              Artfight
              
              
              </a>
            </div>
          </div>
          <div class="col">
            <div class="btn w-100 p-0 m-1 border-0" style="background: #c1daf0;">
              <a class="btn btn-block btn-outline-primary border-0" style="mix-blend-mode:luminosity; letter-spacing:2px;"
              
              
              href="LINK">
              <!-- INSERT LINK ABOVE, BUTTON NAME BELOW-->
              Caard
              
              
              </a>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
<!-- credits, dont remove -->
<p class="text-center small faded">
<a class="tooltipster mx-1" title="code" href="https://toyhou.se/15562738.cute-user"><i class="fas fa-ghost"></i></a> |
<a class="tooltipster mx-1" title="icons" href="https://toyhou.se/10760914.f2u-page-decor"><i class="fas fa-star"></i></a>
</p>