ABOUT ME FILLER O1O | FLOWURS (GRAY)

:: notes n rules ::
✩ rules as usual:
    ✩ don't use this code as a base to claim/repost as your own. i know my coding and
      will not hesitate to raise a ruckus if i see this reposted as someone else's.
    ✩ leave the credit on!!!! leave it!! just leave it in the code!! give ME credit
      for MY work. it's the LEAST you could do. leaving the internal credit will not
      show anywhere physically on your layout.
    ✩ like what you take, take what you like. these things were coded with y'all in mind.
✩ notes:
    ✩ image dimensions are 140x140.
    ✩ to change color of the header search for "#f8d7d5" and change to hex code of your liking.
    ✩ try to keep the header text to a minimum. if it is too long you may need to change the font size
      under "msev-headr". if you need help with this feel free to reach out to @mia.
✩ ✩ paste everything below the line in your about me ✩ ✩
-------------------------
<style>
/* polaroid about me filler by mia sevano for peach lyts.
>> inspo credit to my fellow owners kiwi + foster sevano
>> please do not delete this internal credit! it will not affect
the look of your code!! thank you :DD */

@font-face {font-family: "merci brush"; src: url('https://www.dl.dropboxusercontent.com/s/k871njbwevh1vth/Merci%20Heart%20Brush.ttf'); format("truetype");}
  #msev-aboutme {
    position: relative;
    margin: 0 auto;
    width: 420px;
    height: 230px;
    padding: 10px;
    background-color: #ffffff;
    z-index: 1;
  }

  #msev-polaroid {
    position: relative;
    margin-top: 22px;
    margin-left: 30px;
    z-index: 2;
  }

  #msev-flowur1 {
    position: relative;
    top: 35px;
    margin-left: -212px;
    filter: grayscale(100%);
    z-index: 3;
  }

  #msev-polaroid-img {
    position: relative;
    width: 140px;
    height: 140px;
    left: -150px;
    top: -30px;
  }

  #msev-flowur2 {
    position: relative;
    top: -75px;
    left: -220px;
    z-index: 4;
    filter: grayscale(100%);
    transform: rotate(-5deg);
  }

  #msev-headr {
    position: relative;
    margin-top: -210px;
    margin-left: 190px;
    font-family: 'merci brush', cursive;
    font-size:42px;
    transform: rotate(-5deg);
    color: #f8d7d5;
  }

  #msev-about-scrollbx {
    position: relative;
    left: 205px;
    top:-10px;
    width: 190px;
    height: 125px;
    padding: 10px;
    font-family: 'montserrat', sans-serif;
    font-size: 10px;
    font-weight: 400;
    text-align: justify;
    background-color: transparent;
    overflow: scroll;
    overflow-x: hidden;
  }
  #msev-about-scrollbx::-webkit-scrollbar-thumb {
    height:auto;
    background-color: transparent;
    border: transparent;}

  #msev-about-scrollbx::-webkit-scrollbar {
    height:0px;
    width:0px;
    background-color: transparent;
    border: transparent;}

</style>

<div id="msev-aboutme">
<img src="https://i.imgur.com/HXJkSYu.png" id="msev-polaroid">
<img src="http://placehold.it/140x140" id="msev-polaroid-img">
<img src="https://i.imgur.com/16Tvrk4.png" id="msev-flowur1">
<img src="https://i.imgur.com/XNwfiuM.png" id="msev-flowur2">
<div id="msev-headr">hey, how are ya?</div>
<div id="msev-about-scrollbx">
about me here about me here about me here about me here
about me here about me here about me here about me here
about me here about me here about me here about me here
about me here about me here about me here about me here
about me here about me here about me here about me here
about me here about me here about me here about me here
about me here about me here about me here about me here
about me here about me here about me here about me here
</div>
</div>