Detailed Profile Code - F2U Code

<!-- Detailed Profile Code
Editing fine, change colours do whatever you want but do not remove the credit.
    @ceruloryx on buzzly.art or twitter for coding help
    Thank you for using this code :)
-->
<div class = "grid grid-cols-10">
  <div class = "bg-gray-50 p-5 my-5 ml-5 -mr-2 rounded-lg col-span-4">
    <img class = "h-36 w-36 border-4 mx-auto object-cover" src = "https://images.unsplash.com/photo-1626436629855-2f8875501bdf?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=387&q=80"></img>
    <div class = "uppercase text-gray-500 text-center font-medium tracking-widest m-4 break-words">
      USERNAME
    </div>
    <div class = "text-gray-300 text-center font-normal italic tracking-wide break-words">
      adjective • adjective
    </div>
  </div>

<!-- About -->
  <div class = "bg-white p-5 m-5 rounded-lg col-span-6 border-8 border-gray-200">
    <div class = "uppercase text-gray-500 tracking-widest float-left">
      about
    </div>
    <i class = "far fa-address-card float-right my-1 text-gray-500"></i>
    <hr class = "my-7"></hr>
    <div class = "font-light -mt-5 text-xs my-1">
      Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
      <br>
      <br>
      Sagittis eu volutpat odio facilisis. Amet risus nullam eget felis eget nunc lobortis mattis. Et netus et malesuada fames ac. Adipiscing elit ut aliquam purus sit amet luctus.
    </div>
  </div>

<!-- Art Status -->
  <div class = "bg-white p-5 m-5 rounded-lg col-span-10 border-8 border-gray-200 -mt-2">
    <div class = "uppercase text-gray-500 tracking-widest float-right">
      art status
    </div>
    <i class = "far fa-info-square float-left my-1 text-gray-500"></i>
    <hr class = "my-7"></hr>
    <div class = "bg-gray-100 p-5 -mt-3 h-24">
    <div class = "text-gray-700 float-left uppercase -mt-2 -ml-1 tracking-wider">
      Commissions
      <br>
      Art trades
      <br>
      Requests
    </div>
    <div class = "text-gray-400 float-right uppercase -mt-2 -ml-1 tracking-wider">
    Closed
    <br>
    Closed
    <br>
    Closed
    </div>
   </div>
  <div class = "font-light text-s my-1 mt-3">
    Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
  </div>
  </div>

<!-- Characters -->
  <div class = "bg-white p-5 m-5 rounded-lg col-span-10 border-8 border-gray-200 -mt-2">
    <div class = "uppercase text-gray-500 tracking-widest float-left">
      characters
    </div>
    <i class = "far fa-user float-right my-1 text-gray-500"></i>
    <hr class = "my-7"></hr>
  <div class = "grid grid-cols-12 font-light">
    <img class = "h-40 w-40 object-cover border-8 col-span-4 mx-auto" src = "https://images.unsplash.com/photo-1628430382950-8a5a58667c34?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=871&q=80"></img>
    <img class = "h-40 w-40 object-cover border-8 col-span-4 mx-auto" src = "https://images.unsplash.com/photo-1626437513709-7ed95e5d0008?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=871&q=80"></img>
    <img class = "h-40 w-40 object-cover border-8 col-span-4 mx-auto" src = "https://images.unsplash.com/photo-1628430383764-ea6208b30c50?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=369&q=80"></img>
    <div class = "lowercase col-span-4 text-center m-3 mx-auto break-words hover:text-gray-300"><a href = "https://toyhou.se/##########">character 1</a></div>
    <div class = "lowercase col-span-4 text-center m-3 mx-auto break-words hover:text-gray-300"><a href = "https://toyhou.se/##########">character 2</a></div>
    <div class = "lowercase col-span-4 text-center m-3 mx-auto break-words hover:text-gray-300"><a href = "https://toyhou.se/##########">character 3</a></div>
  </div>
  </div>

  <div class = "bg-white p-5 m-5 rounded-lg col-span-10 border-8 border-gray-200 -mt-2 text-center text-gray-400">
      <a href="https://deviantart.com/##########" class= "uppercase mx-3" rel="nofollow"><i class= "fab fa-deviantart mr-2"></i>deviantart</a> •
      <a href="https://twitter.com/##########" class= "uppercase mx-3" rel="nofollow"><i class= "fab fa-twitter mr-2"></i>twitter</a> •
      <a href="https://toyhou.se/##########" class= "uppercase mx-3" rel="nofollow"><i class= "fas fa-home mr-2"></i>toyhouse</a>
  </div>
</div>

<!-- DO NOT EDIT PAST THIS LINE -->
<div class="text-white text-center mb-6">
    <a href="https://buzzly.art/~ceruloryx" rel="nofollow">
    <i class="fas fa-code"></i>
    </a>
  </div>