[TH] shelselle profile v2

<!--

  Credit: vom | vomcodesstuff | vomwastaken

  Info:
    - Looks best if you have nothing else on your page
      except for text, no comments or anything else.
    - Pls don't take out my credit, I made it as small
      and as unobtrusive as possible.
    - Have fun!!!
-->
<div class="fixed-bottom p-2" style="right:0;left:inherit;">
  <a class="rounded-0" style="font-size:12px;" href="https://toyhou.se/3614196.-f2u-html-tidbits/3614696.002-user-background">
    <i class="fal fa-code"></i>
  </a>
</div>
<!-- --------------------------------


          BACKGROUND


------------------------------- -->

<div style="margin:-15px -15px -31px;min-height:95vh;z-index:100;position:relative;


  background: url('https://i.imgur.com/29RTHlx.png') fixed center;">


<!-- ------------------------------


<!--

  CREDIT: vom | vomco


  INFO:
    - Character image can be whatever size

    - If you want the image to switch sides, change 'float-left' to 'float-right'

    - Main background image can be whatever size, it'll adjust to fill the entire
      box (if you're using a repeating bg, just remove background-size: cover;)


  CHANGING COLORS:
    - Highlight one of the hexes below and press CRTL + F
    - Press the + under the fist box in the pop up menu
    - Enter the new hex code in the new box
    - Hit 'All' that's beside 'Replace'

    - Visual Help > https://i.gyazo.com/1707871b5214f11a8a11692b05bacc26.gif

    - NOTE: This will only be fore the accent color but feel free to change the rest


  COLORS:
    accent color:           #fed8e4

------------------------------------- -->
<br><br><br><br><br><br>
<div class="mx-auto mt-md-5"  style="max-width: 700px;">
<div class="p-4" style="border-radius: 1rem;

  /* Font Junk
  ====================================== */;
  color: #666;
  letter-spacing: 1px;
  font-size: .8rem;


  /* Background
  ====================================== */;
  background-image: url(https://images.unsplash.com/photo-1471914395157-f9d1b9dc59d6?);
  background-size: cover;
  background-position: center;
  background-color: #fed8e4;
  background-blend-mode: lighten;
  box-shadow: 0 0 15px rgba(0,0,0,.25);">

<!-- -------------------------------------


               CHAR IMAGE


-------------------------------------- -->

<div class="text-center float-right" style="max-width: 50%;position: relative;z-index: 100;">


  <img src="https://file.toyhou.se/watermarks/15612864_MKXwtP6IP.png?1564472203">


</div>
<!-- -------------------------------------


              MAIN CONTENT


-------------------------------------- -->

<div class="p-3" style="border-radius: .5rem;background-color: rgba(255,255,255,0.75);box-shadow: inset 0 0 100px rgba(255,255,255,0.75);">
<!-- -------------------------------------

                 HEADER

-------------------------------------- -->
<div class="rounded p-2 m-1 text-center text-uppercase" style="font-size: 9;color: #f6608f;background-color: #fed8e4;">


  21 • she/her • usa


</div>
<!-- -------------------------------------

                 ABOUT

-------------------------------------- -->
<div class="text-left p-2" style="min-height: 250px;">

  <p>Hello! My name is Celestte, but I go by <b style="color:#f6608f;">shelselle</b> on the internet! Feel free to call me Shel ♥</p>

  <p>I'm currently a university student and I do art as a hobby! I like anime stuff and art of my ocs, and I'm always open to making friends so don't feel shy if you'd like to chat~
  <br>
  <br>Please consider supporting me over on my Patreon! ♥</p>

</div>
<!-- -------------------------------------

                 LINKS

-------------------------------------- -->
<div class="row no-gutters text-center" style="color: #f6608f;">


  <div class="col p-1">
    <a class="rounded d-block p-2" style="color: #f6608f;background-color: #fed8e4" href="https://www.deviantart.com/shelselle">
      <i class="fab fa-deviantart fa-fw"></i>
    </a>
  </div>


  <div class="col p-1">
    <a class="rounded d-block p-2" style="color: inherit;background-color: #fed8e4" href="https://twitter.com/shelselle">
      <i class="fab fa-twitter fa-fw"></i>
    </a>
  </div>


  <div class="col p-1">
    <a class="rounded d-block p-2" style="color: inherit;background-color: #fed8e4" href="https://instagram.com/shelselle">
      <i class="fab fa-instagram fa-fw"></i>
    </a>
  </div>


  <div class="col p-1">
    <a class="rounded d-block p-2" style="color: inherit;background-color: #fed8e4" href="https://patreon.com/shelselle">
      <i class="fab fa-patreon fa-fw"></i>
    </a>
  </div>
</div>
</div>
</div>
<!-- -------------------------------------

                 CREDIT
         please do not remove

-------------------------------------- -->
<div class="text-right p-1">
  <a class="tooltipster text-muted" style="font-size: .7rem;" data-placement="left" title="Template by Vom" href="https://toyhou.se/4787826.-f2u-free-float"><i class="fal fa-code"></i></a>
</div>
</div>
</div>