ABOUT ME FILLER O16 | mango

:: 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:
    ✩ icon is 80x80. this will resize on its own.
    ✩ right side background image is 170x180. this will resize on its own.
      to change the background img search for "#peach-right-div" and paste the
      background img url into that section of code.
    ✩ orange bg color is #f2a58c.
    ✩ border bottom color is #fce176.
    ✩ about me is NOT scrollable. you can write up to a MAXIMUM of 5 lines of
      text before it flows off the div. sorry! i didn't want this one to scroll. :-)
    ✩ put whatever ONE letter you want where it says "M". One letter only.
    ✩ i think that's it!! if you have any other questions about this code
      feel free to msg/cmnt me on rper! (roleplayer.me/dlovato)

✩ ✩ paste everything below the line in your about me section ✩ ✩
------------------
<style>
/*about me filler by mia villamor for peach lyts.
pls do not delete this credit. thanks. :-)*/
@import url('https://fonts.googleapis.com/css?family=Montserrat:400,800');

  #peach-div {
    position: relative;
    margin: 0 auto;
    width: 350px;
    height: 150px;
    padding: 10px;
    background-color: #f2a58c;
    border-bottom: 12px solid #fce176;
    text-align: center;
  }

  #peach-letter {
    position: relative;
    display: inline-block;
    margin-top: 2.5%;
    font-family: 'montserrat', sans-serif;
    text-transform: uppercase;
    font-size: 82px;
    color: rgba(0, 0, 0, 0.0);
    -webkit-text-stroke: .8px #ffffff;
    font-weight: 800;
  }

  #peach-about-left {
    position: relative;
    font-family: 'montserrat', sans-serif;
    text-align: justify;
    width: 170px;
    font-size: 8.5px;
    font-weight: 400;
    margin-top: -8%;
    text-transform: lowercase;
    letter-spacing: 1px;
  }

  #peach-right-div {
    position: relative;
    float: right;
    margin-top: -10px;
    right: -10px;
    width: 180px;
    height: 170px;
    background-image:url('http://placehold.it/180x170');
    background-size: cover;
  }

  #peach-right-icon {
    position: relative;
    display: inline-block;
    margin-top: 20%;
    width: 80px;
    height: 80px;
    border-radius: 100%;
    border: 6px solid #ffffff;
  }

</style>

<div id="peach-div">
<div id="peach-letter">
M
<div id="peach-about-left">
a short about me here. you can write up to 5 lines, however this will not scroll past 5 lines and the text will run off the div so pls no more than 5 lines of txt.
</div>

</div>
<div id="peach-right-div">
<img src="https://placehold.it/80x80" id="peach-right-icon">
</div>
</div>