Mari sig (no hover)

[dohtml]
<style>
:root{
  --mainBg: #ffffff;
  --sigBorder: #A2C298;
  --leftOverlay: #D1E9CA;
  --title: #222222;
  --statusBg: #ffffff;
  --statusText: #E2CC6C;
  --textboxBg: #EAE891;
  --links: #E2CC6C;
  --linksHover: #A2C298;
  --scrollThumb: #A2C298;
  --scrollBorder: #A2C298;
}

#mari-sigcode2{
  position: relative;
  margin: 10px auto;
  overflow: hidden;
  width: 300px;
  height: 150px;
  background: var(--mainBg);
  border: 1px solid var(--sigBorder);
}

#mari-sigcode2 .right-bg{
  position: absolute;
  width: 250px;
  height: 100px;
  right: 0.5px;
  bottom: 0.5px;
  background: url(https://i.imgur.com/cKKqkTc.gif);
}

#mari-sigcode2 .left-overlay{
  position: absolute;
  width: 135px;
  height: 150px;
  left: 0px;
  top: 0px;
  background: var(--leftOverlay);
  mix-blend-mode: multiply;
}

#mari-sigcode2 .icon{
  position: absolute;
  width: 93px;
  height: 94px;
  left: 20px;
  top: 20px;
  border: 1px solid #ffffff;
  z-index: 3;
}
#mari-sigcode2 .icon img{
  width: 70px;
  height: 70px;
  margin-top: 10px;
  margin-left: 2px;
}

#mari-sigcode2 .title{
  position: absolute;
  width: 127px;
  left: 155px;
  bottom: 52px;
  color: var(--title);
  font-family: 'Playfair Display', serif;
  font-weight: 800;
  font-size: 14px;
  line-height: 14px;
  text-align: left;
}

#mari-sigcode2 .status{
  position: absolute;
  width: 95px;
  left: 20px;
  bottom: 20px;
  padding: 6px 0px;
  background: var(--statusBg);
  font-family: 'Poppins', sans-serif;
  font-weight: 400;
  font-size: 8px;
  line-height: 8px;
  text-align: center;
  color: #333333;
}

#mari-sigcode2 .status c{
  color: var(--statusText);
  font-weight: 800;
  letter-spacing: 0.7px;
  margin-right: 3px;
}

#mari-sigcode2 .links{
  position: absolute;
  height: 50px;
  width: 164px;
  top: 15px;
  right: 0px;
  background: transparent;
}

#mari-sigcode2 .sf{
  display: inline-block;
  color: var(--links);
  font-size: 15px;
  margin: 4.2px;
  transform: scale(1);
  transition: 0.12s;
}
#mari-sigcode2 .sf:hover{
  color: var(--linksHover);
  transform: scale(1.3);
  transition: 0.12s;
}

#mari-sigcode2 a{
  text-decoration: none;
}

#mari-sigcode2 .textbox{
  position: absolute;
  top: 105px;
  left: 155px;
  overflow: auto;
  padding-right: 9px;
  font-family: 'Poppins', sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 8px;
  line-height: 10px;
  text-align: center;
  letter-spacing: 0px;
  color: #000000;
  background: var(--textboxBg);
  width: 118px;
  padding: 4px;
  opacity: 0.8;

}

#mari-sigcode2 ::-webkit-scrollbar {
  width: 2px;
}

#mari-sigcode2 ::-webkit-scrollbar-track {
  background: #ffffff;
  border: 0.5px solid var(--scrollBorder);
}

#mari-sigcode2 ::-webkit-scrollbar-thumb {
  background: var(--scrollThumb);
}
</style>

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

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

<center>
<div id="mari-sigcode2">

  <div class="right-bg"></div>
  <div class="left-overlay"></div>

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

  <div class="status"><c>OPEN</c> for request</div>

   <div class="links">
     <a href="#" title="deviantart"><span class="sf sf-screen-o"></span></a>
     <a href="#" title="playground"><span class="sf sf-cursor-o"></span></a>
     <a href="#" title="tracker"><span class="sf sf-calendar-o"></span></a>
     <a href="#" title="hof"><span class="sf sf-trophy-o"></span></a>
     <a href="#" title="misc"><span class="sf sf-plus-2-o"></span></a>
   </div>

  <div class="title">a little short<br> for a stormtrooper.</div>
  <div class="textbox">
    put your short desc here.
  </div>

</div>
</center>
[/dohtml]