Quick Silver Fox (Krista sig)

<style>
:root{
  --bg: #FFE2E2;
  --title: #222222;
  --status: #222222;
  --links: #222222;
  --scroll: #000000;
}

#krista-sig2 ::-webkit-scrollbar {
  width: 1.5px;
}

#krista-sig2 ::-webkit-scrollbar-track {
  background: #dddddd;
  border-top: 3px solid #ffffff;
  border-bottom: 3px solid #ffffff;
}

#krista-sig2 ::-webkit-scrollbar-thumb {
  background: var(--scroll);
  border-top: 3px solid #ffffff;
}

#krista-sig2{
  position: relative;
  margin: 10px auto;
  overflow: hidden;
  background: var(--bg);
  width: 350px;
  height: 180px;
  outline: 1px solid #cccccc;
}

#krista-sig2 .ellipse{
  position: absolute;
  width: 274px;
  height: 274px;
  left: -176px;
  top: -57px;
  border: 2px solid #FFFFFF;
  border-radius: 250px;
}

#krista-sig2 .left-box{
  position: absolute;
  width: 204px;
  height: 105px;
  left: 0px;
  top: 38px;
  background: #FFFFFF;
}

#krista-sig2 .title{
  position: absolute;
  width: 152px;
  height: 22px;
  right: 125px;
  top: 25px;
  font-family: 'Prata', serif;
  font-weight: 400;
  font-size: 19px;
  line-height: 22px;
  text-align: right;
  color: var(--title);
  text-shadow: 0px 0px var(--title);
}

#krista-sig2 .textbox{
  position: absolute;
  width: 152px;
  height: 52px;
  left: 21px;
  top: 64px;
  background: transparent;
  font-family: 'Poppins', sans-serif;
  font-weight: 400;
  font-size: 8.5px;
  line-height: 13px;
  text-align: justify;
  color: #000000;
  overflow: auto;
  padding-right: 10px;
}

#krista-sig2 .status{
  position: absolute;
  right: 127px;
  bottom: 25px;
  background: var(--status);
  padding: 8px 12px;
  font-family: 'Poppins', sans-serif;
  font-weight: 500;
  font-size: 8.5px;
  line-height: 8px;
  text-align: justify;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  color: #ffffff;
}

#krista-sig2 .right-box{
  position: absolute;
  width: 106px;
  height: 180px;
  right: 0px;
  top: 0px;
  background: #FFFFFF;
}

#krista-sig2 .icon img{
  position: absolute;
  width: 70px;
  height: 70px;
  right: 13px;
  top: 23px;
  background: #DDDDDD;
  border: 4px solid #dddddd;
}

#krista-sig2 .links-1{
  position: absolute;
  right: 0px;
  bottom: 38px;
  width: 106px;
  background: transparent;
}

#krista-sig2 .links-2{
  position: absolute;
  right: 0px;
  bottom: 13px;
  width: 106px;
  background: transparent;
}

#krista-sig2 a{
  text-decoration: none;
}

#krista-sig2 .sf{
  display: inline-block;
  color: var(--links);
  margin: 3.5px;
  font-size: 15px;
  transition: 0.15s;
}

#krista-sig2 .sf:hover{
  transform: scale(1.3);
  transition: 0.15s;
}
</style>

<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@400;500&family=Prata&display=swap" rel="stylesheet">

<link href="//dl.dropbox.com/s/50g6fbds3rh4m0j/saturnicons.css" rel="stylesheet">

<center>
<div id="krista-sig2">

  <div class="ellipse"></div>

  <div class="left-box"></div>
  <div class="title">Quick Silver Fox</div>

  <div class="textbox">
    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent lobortis id felis eget aliquam. Maecenas egestas libero purus, ut euismod turpis fermentum vel. Interdum et malesuada fames ac ante ipsum primis in faucibus.
  </div>

  <div class="status">Open for request </div>

  <div class="right-box"></div>

  <div class="icon">
    <a href="https://shadowplayers.jcink.net/index.php?showuser=95" title="Hanie ©">
      <img src="https://i.imgur.com/rSt5V34.gif"></a>
  </div>

  <div class="links-1">
    <a href="#" title="Link 1"><span class="sf sf-fox-o"></span></a>
    <a href="#" title="Link 2"><span class="sf sf-leaf-2-o"></span></a>
    <a href="#" title="Link 3"><span class="sf sf-beehive-o"></span></a>
  </div>

  <div class="links-2">
    <a href="#" title="Link 4"><span class="sf sf-anchor-o"></span></a>
    <a href="#" title="Link 5"><span class="sf sf-money-3-o"></span></a>
    <a href="#" title="Link 6"><span class="sf sf-badger-o"></span></a>
  </div>

</div>
</center>