Code Cyborg

<style>
/*
INVISIBLE CREDIT; PLEASE DON'T REMOVE

Author: Elle
For: CyborgEllie [RPC Profile]
Text type: CSS/HTML
*/
  @import url('https://fonts.googleapis.com/css?family=Aldrich|Amatica+SC|Press+Start+2P');

  ::-webkit-scrollbar {width:0.3vh;height:0.3vh;}
  ::-webkit-scrollbar-track{border-radius:0;background:transparent;}
  ::-webkit-scrollbar-thumb{border-radius:0;background:rgba(0,0,0,0.4);}

  body{
    background-image: url('http://i.picpar.com/bNnc.jpg');
    background-size:cover;
  }

  #sheet {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0%;
    left: 0%;
    bottom: 0%;
    right: 0%;
    z-index: -1;
    background: rgba(0,0,0,0.7);
    animation: pulse 1.5s 1;
    -webkit-animation: pulse 1.5s 1;
    animation-iteration-count: infinite;
    animation-direction: alternate;
  }

  @keyframes pulse{
    from{background:rgba(0,0,0,0.7);}
    to{background:rgba(0,0,0,0.2);}
  }

  @-webkit-keyframes pulse{
    from{background:rgba(0,0,0,0.7);}
    to{background:rgba(0,0,0,0.2);}
  }

  #img {
    position: absolute;
    height:40%;
    top: 10%;
    left: 5%;
  }

  #cyborg {
    position: fixed;
    height: 70%;
    width: 66.5%;
    top: 10%;
    left: 33%;
  }

  #quote {
    position: absolute;
    font-family: 'Press Start 2P';
    font-size: 5vh;
    color: #fcdeff;
    top: 35%;
    left:-5%;
    transition-duration: 1s;
  }

  #cyborg:hover #quote {
    opacity: 0;
    transition-duration: 1s;
  }

  #stats {
    position: absolute;
    height: 100%;
    padding: 5px;
    background: rgba(0,0,0,0.9);
    width: 90%;
    border-radius: 10px;
    font-family: 'Amatica SC';
    font-size: 3vh;
    color: #fcdeff;
    transition-duration: 1s;
    opacity:0;
  }

  #cyborg:hover #stats{
    opacity:1;
    transition-duration: 1s;
  }

  h1 {font-size: 3vh;font-family: 'Aldrich';color:#ff4365;}

  h2 {font-size: 1.5vh;font-family:'Aldrich';color:#ff4365;}

  b{color: #ff00ff;}

  .r {float: right;}
  .s {font-size:2.9vh;}

  a{font-family:'Press Start 2P';color:#b6556f;text-decoration:none;font-size: 1.5vh;transition-duration:0.5s;}
  a:hover{font-size:90%;transition-duration: 0.5s;}

  /* Credit. Please don't remove */

  #credit {
    position: fixed;
    bottom: 10%;
    background: rgba(255,255,255,0.2);
    border-left: 3px solid;
    border-color: #b6556f;
    font-family: 'Aldrich';
    font-size: 2vh;
    color: #fcdeff;
    left: 10%;
  }

</style>
<div id="sheet"></div>
<div id="img"><img src="http://i.picpar.com/dNnc.png"></div>
<div id="cyborg">
  <div id="quote"><center>At what point did you think you were relevant?<br><br>&copy; Cyborg Ellie
  </center></div>
  <div id="stats">
    <center><h1>About Me</h1></center>
    <b>Name</b><div class="r">CyborgEllie.exe</div><br>
    <b>Username</b><div class="r">EllieKinesis#5539</div><br>
    <b>Moniker</b><div class="r">Ellie</div><br>
    <b>Age</b><div class="r">19 y.o.</div><br>
    <b>Where to find me</b><div class="r">Anti-Social Society, Club Drag</div><br>
    <b>Titles</b><div class="r">Duchess Ellie [Club Drag]</div><br>
    <center><h2>01000110 01110101 01100011 01101011 <font color="#ff00ff">00100000</font> 01111001 01101111 01110101</h2></center>
    <br>
    <div class="s"><font color="#B6556F">When there is tea, there is me.</font> I am the type to  appear when there is tea to be served, but only accept the hot, freshly brewed kind.
    If you don't understand what tea is, then... Poor that. <br><br>
    <font color="#B6556F">My life is my business.</font> I am not obligated to explain myself to you especially not who I am as a person. If at any point, you cross a line,
    you learn to apologize or you will leave my presence.<br><br>
    <font color="#B6556F"></font>
    </div>
  </div>
</div>
<!-- Credit. Please don't remove -->
<div id="credit">
  &copy; <a href="https://www.themonster.xyz/" target="_blank">The Monster</a> Send an RPC mail to <b>Deum</b> for inquiries~
</div>