Anchor (sig code)

<style>
#anchor-sig{
  width: 400px;
  height: 150px;
  position: relative;
  margin: 10px auto;
  background: url(https://i.imgur.com/OIzI23J.png);
  background-size: 400px;
  border: 1px solid #222222;
  overflow: hidden;
  border-radius: 0px;
}

#anchor-sig ::-webkit-scrollbar {
  width: 6px;
}

#anchor-sig ::-webkit-scrollbar-track {
  background: var(--white);
  border: 1px solid var(--indigo);
}

#anchor-sig ::-webkit-scrollbar-thumb {
  background: var(--indigo);
}

:root {
  --indigo: #222222;
  --pink: #FFF4F4;
  --white: #ffffff;
}

#anchor-sig .top-left{
  width: 140px;
  height: 150px;
  position: absolute;
  top: 0.5px;
  left: 0.5px;
  background: var(--white);
  border-bottom: 1px solid var(--indigo);
  border-right: 1px solid var(--indigo);
}

#anchor-sig .top-right{
  width: 260px;
  height: 140px;
  position: absolute;
  top: 0px;
  right: 0px;
  background: transparent;
}

#anchor-sig .bottom-right{
  width: 260px;
  height: 45px;
  position: absolute;
  bottom: 0px;
  right: 0px;
  background: var(--indigo);
  border-top: 0px solid var(--white);
  border-left: 0px solid var(--white);
  overflow: hidden;
}

#anchor-sig .status{
  width: 85px;
  padding: 6.5px 0px;
  position: absolute;
  border: 0.5px solid #fff;
  bottom: 10.5px;
  right: 20px;
  background: var(--indigo);
  color: var(--white);
  font-family: Montserrat;
  font-style: normal;
  font-weight: 800;
  font-size: 8.5px;
  line-height: 10px;
  text-align: center;
  letter-spacing: 0.5px;
  text-transform: uppercase;
}

#anchor-sig .links{
  position: absolute;
  bottom: 12px;
  left: 14px;
  background: transparent;
}

#anchor-sig .links .sf{
  display: inline-block;
  color: var(--white);
  font-size: 14px;
  margin-left: 12px;
  transform: scale(1);
  transition: 0.2s;
}

#anchor-sig .links .sf:hover{
  transform: scale(1.3);
  transition: 0.2s;
}

#anchor-sig .icon img{
  width: 87px;
  height: 87px;
  position: absolute;
  top: 23px;
  left: 25px;
  border: 1.2px solid var(--indigo);
}

#anchor-sig .ttl{
  position: absolute;
  top: 19px;
  left: 25px;
  font-family: Montserrat;
  font-weight: 900;
  font-size: 19px;
  line-height: 20px;
  text-align: justify;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  color: var(--white);
  text-shadow:
    -1.5px -1px 0 var(--indigo),
    1px -1px 0 var(--indigo),
    -1px 1px 0 var(--indigo),
    1px 1px 0 var(--indigo);
}

#anchor-sig .subttl{
  position: absolute;
  top: 65px;
  left: 24px;
  font-family: Montserrat;
  font-weight: 800;
  font-size: 8.5px;
  line-height: 8px;
  text-align: justify;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  color: var(--indigo);
  background: var(--white);
  padding: 5px 12px;
  border: 1px solid var(--indigo);
}

#anchor-sig .discord{
  position: absolute;
  bottom: 17px;
  left: 25.5px;
  width: 170px;
  text-align: left;
  font-family: Montserrat;
  font-style: normal;
  line-height: 15px;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  color: var(--white);
}

#anchor-sig .discord d{
  font-size: 9.5px;
  font-weight: 800;
  text-shadow:
    -1px -1px 0 var(--indigo),
    1px -1px 0 var(--indigo),
    -1px 1px 0 var(--indigo),
    1px 1px 0 var(--indigo);
}

#anchor-sig .discord c{
  font-size: 8px;
  font-weight: 500;
  background: var(--indigo);
  padding: 3px 7px;
  border: 0px solid var(--white);
}
</style>

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

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

<center>
<div id="anchor-sig">

  <div class="top-left">
    <div class="icon"><img src="https://i.imgur.com/pzgAqHe.gif"></div>
  </div>

  <div class="top-right">
    <div class="ttl">Call Me <br>Your Highness</div>
    <div class="subttl">Hanie. Coder/Designer. GMT+8</div>
  </div>

  <div class="discord">
    <d>Discord</d><br>
    <c>Hanie#5400</c>
  </div>

  <div class="bottom-right">
    <div class="status">available</div>
    <div class="links">
       <a href="https://shadowplayers.jcink.net/index.php?showtopic=11483&view=getnewpost" target="_blank"><span class="sf sf-cursor-o" title="coding tester"></span></a>
       <a href="https://shadowplayers.jcink.net/index.php?showtopic=2034&view=getnewpost" target="_blank"><span class="sf sf-save-o" title="graphic archive"></span></a>
       <a href="https://shadowplayers.jcink.net/index.php?showtopic=8958&view=getnewpost" target="_blank"><span class="sf sf-push-pin-o" title="records"></span></a>
       <a href="https://www.deviantart.com/orpheusz" target="_blank"><span class="sf sf-screen-o" title="deviantart"></span></a>
    </div>
  </div>

</div>
</center>