Somni - User Profile Gradient

<p class="mb-0" style="size: 0px;">
   <!---
      The background gradient is based on a somnivore palate
      You can update the palate in the first div class to change the gradient

      Possible options:
      mundane, sweet, dreadful, energetic, passionate, strange,
      playful, surreal, thrilling, whimsical, sensational, bittersweet, melodramatic, charming, fiery, dazzling

      ------------------>
</p>
<div class="mundane palate-colors masterlist-character text-center p-2 d-block shadow-none" style="margin: -1.25em;">
   <div class="border-background p-4 d-block">
      <div class="container" style="max-width: 800px;">
         <div class="row align-items-center justify-content-center">
            <div class="col-lg mb-lg-0 mb-4">
               <div class="card  card-basic p-4 my-0">
                  <p class="mb-0" style="size: 0px;">
                  <!-- MAIN HEADER HERE ------------------------------></p>
                  <h1 class="mb-1" style="letter-spacing: 2px; font-size: 2em;">Your Name</h1>
                  <p class="small text-uppercase text-700 mb-0" style="letter-spacing: 2px;">
                     <!-- ADJECTIVES -- you can make these whatever you want (age, zodiac, pronouns, location, language, timezone, etc)
                        --------------------------------------------------------------------------------->
                     adjective<span class="far fa-star fa-xs">&nbsp;</span>
                     adjective <span class="far fa-star fa-xs">&nbsp;</span>
                     adjective
                  </p>
                  <hr class="w-50 mx-auto mb-0" />
                  <hr class="w-75 mt-1 mb-4 mx-auto" />
                  <p>
                     <!-- ABOUT CONTENT -- write a little paragraph about yourself here --------------->
                     Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla lacinia lacinia blandit. Phasellus sodales in eros sed dictum. Sed venenatis purus et consequat ullamcorper. Quisque sed semper risus, non placerat dui. Mauris commodo ex eu eros efficitur varius. Vivamus quis lectus tempus, iaculis nisi at, fermentum metus. Mauris ac turpis et justo molestie suscipit. Integer semper dui a efficitur ultrices.
                  </p>
                  <hr class="w-75 mx-auto mt-1 mb-0" />
                  <hr class="w-50 mt-1 mb-4 mx-auto" />
                  <div>
                     <div>
                        <p class="text-center mb-0" style="font-size: 1.5em;">
                           <!-- SOCIAL MEDIA LINKS-- i've included a bunch of common ones, you can erase links you do not need
                              ----- these use font awesome icons, you can edit the links to use other icons
                              --------------------------------------------------------------------------------->

                           <a href="BLUESKY_LINK_HERE">
                           <span class="fab fa-bluesky mx-1" title="Bluesky">&nbsp;</span></a>

                           <a href="TOYHOUSE_LINK_HERE">
                           <span class="fas fa-house mx-1" title="Toyhouse">&nbsp;</span></a>

                           <a href="TUMBLR_LINK_HERE">
                           <span class="fab fa-tumblr mx-1" title="Tumblr">&nbsp;</span></a>

                           <a href="DEVIANTART_LINK_HERE">
                           <span class="fab fa-deviantart mx-1" title="Deviantart">&nbsp;</span></a>

                           <a href="FURAFFINITY_LINK_HERE">
                           <span class="fas fa-paw mx-1" title="Furaffinity">&nbsp;</span></a>

                           <a href="CARRD_LINK_HERE">
                           <span class="fas fa-id-card mx-1" title="Carrd">&nbsp;</span></a>

                           <a href="COMMISSIONS_LINK_HERE">
                           <span class="fas fa-palette mx-1" title="Commissions">&nbsp;</span></a>

                           <!-- CREDIT FOR PROFILE ART -- if you drew the art yourself, you can erase this! -->
                           <a href="ART_CREDIT_HERE">
                           <span class="fas fa-image mx-1" title="Art Credit">&nbsp;</span></a>

                           <!-- CODING CREDIT -- please leave this here! -->
                           <a href="https://somnivores.com/user/Pinky"><span class="fas fa-code mx-1" title="HTML Credit">&nbsp;</span></a>
                        </p>
                     </div>
                  </div>
               </div>
            </div>
            <!-- FOCAL IMAGE -- will center itself within the space ------------------------------------------------->
            <div class="col-lg-auto"><img class="d-block mx-auto" style="max-width: 300px; max-height: 450px;" src="IMG_URL_HERE" /></div>
         </div>
      </div>
   </div>
</div>