Natalie sig

<link href="//dl.dropbox.com/s/50g6fbds3rh4m0j/saturnicons.css" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Poppins" rel="stylesheet">

<style>
#natalia-sig{
  width: 500px;
  height: 200px;
  background: url(https://orig00.deviantart.net/17e4/f/2018/110/0/8/signature___call_my_name_by_rosesylla-dc9cj4v.png);
  margin: 0px auto;
  position: relative;
  overflow: hidden;
  outline: 1px solid #D5859E;
  border: 2px solid #fff;
}

#natalia-sig ::-webkit-scrollbar {
  width: 5px;
  border-radius: 50px;
}

#natalia-sig ::-webkit-scrollbar-track {
  background: #fff;
  border: 1px solid #fff;
}

#natalia-sig ::-webkit-scrollbar-thumb {
  background: #fff;
  border: 1px solid #D6DCD9;
  border-radius: 50px;
}

#natalia-sig .left{
  width: 215px;
  height: 200px;
  background: #D6DCD9;
  opacity: 0.88;
  position: absolute;
  left: 0px;
  top: -200px;
  overflow: hidden;
  transition: 0.5s ease-in 0s;
}
#natalia-sig:hover .left{
  top: 0px;
}

#natalia-sig .right{
  width: 285px;
  height: 200px;
  background: #fff;
  opacity: 0.88;
  position: absolute;
  right: 0px;
  bottom: -200px;
  overflow: hidden;
  transition: 0.5s ease-in 0s;
}
#natalia-sig:hover .right{
  bottom: 0px;
}

#natalia-sig .letter{
  width: 200px;
  height: 200px;
  background: transparent;
  position: absolute;
  top: -30px;
  left: 70px;
  transform: rotate(5deg);
}

#natalia-sig .letter .sf{
  color: #D877A9;
  font-size: 260px;
}

#natalia-sig .letter2{
  width: 200px;
  height: 200px;
  background: transparent;
  position: absolute;
  top: -30px;
  right: 230px;
  transform: rotate(5deg);
}

#natalia-sig .letter2 .sf{
  color: #D6DCD9;
  font-size: 260px;
}

#natalia-sig .icon{
  width: 74px;
  height: 74px;
  position: absolute;
  top: 15px;
  right: -100px;
  border: 6px solid #D6DCD9;
  border-radius: 100px;
  -webkit-transition: 0s ease-in 0.7s;
  transition: 0s ease-in 0.7s;
}
#natalia-sig:hover .icon{
  right: 65px;
  transform: rotate(-360deg);
  -webkit-transition: 0.5s ease-in 0.7s;
  transition: 0.5s ease-in 0.7s;
}

#natalia-sig .icon img{
  width: 66px;
  height: 66px;
  border-radius: 100px;
  padding: 3px;
  border: 1px solid #D877A9;
}

#natalia-sig .textbox{
  width: 120px;
  height: 44px;
  background: transparent;
  position: absolute;
  right: 70px;
  bottom: 42px;
  color: #555;
  overflow: auto;
  text-align: justify;
  font-family: 'Poppins', sans-serif;
  font-size: 8.5px;
  line-height: 11px;
  letter-spacing: 0px;
  padding-right: 10px;
}

#natalia-sig .status{
  width: 130px;
  height: 20px;
  position: absolute;
  bottom: 5px;
  right: 70px;
  background: transparent;
  font-family: 'Poppins', sans-serif;
  font-size: 9px;
  line-height: 11px;
  letter-spacing: 0.5px;
  border-top: 1px dashed #D877A9;
  padding-top: 8px;
  color: #555;
}
#natalia-sig .status b{
  color: #D877A9;
  letter-spacing: 2px;
  text-transform: uppercase;
}

#natalia-sig .navbox{
  width: 120px;
  height: 30px;
  background: transparent;
  position: absolute;
  left: 33px;
  bottom: 50px;
  -webkit-transform: rotate(55deg);
  transform: rotate(55deg);
}

#natalia-sig .navbox .sf{
  margin-left: 12px;
  color: #D877A9;
  font-size: 20px;
  line-height: 18px;
  -webkit-transition: 0.2s ease-in 0s;
  transition: 0.2s ease-in 0s;
}
#natalia-sig .navbox .sf:hover{
  color: #fff;
}

#natalia-sig a{
  text-decoration: none;
}

</style>

<center>
<div id='natalia-sig'>

  <div class='left'>
      <div class='letter'>
        <span class="sf sf-diamond-o"></span>
      </div>

       <div class='navbox'>
          <a href="#" title="deviantart"><span class="sf sf-rocket-o"></span></a>
          <a href="#" title="tumblr"><span class="sf sf-donut-o"></span></a>
          <a href="#" title="gallery archive"><span class="sf sf-save-o"></span></a>
      </div>
  </div>

  <div class='right'>
      <div class='letter2'>
        <span class="sf sf-diamond-o"></span>
      </div>

      <div class='status'>
          <b>Open</b> for request
      </div>

      <div class='icon'>
          <a href="https://shadowplayers.jcink.net/index.php?showuser=95" title="hanie ©">
          <img src="http://via.placeholder.com/70x70"></a>
      </div>

      <div class='textbox'>
          Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque rhoncus sit amet diam eu dictum. In eget mollis metus.  Nunc vehicula risus at neque semper pulvinar.
      </div>
  </div>


</div>
</center>