Code Kitty Cat

<style>
/*
======== !! IMPORTANT !! DO NOT REMOVE ANY PART OF THIS SECTION =========

AUTHOR: Elle
LANGUAGE: CSS/HTML
ORIGINALLY FOR: Chococat (RPC Profile)
SOURCE: https://pastebin.com/raw/hhq69HeY -
REGISTRATION: https://www.copyrighted.com/work/p30D5zEt4jX6gmOh ;




######################----########-----------------########------------------######################
######################----########-----------------########------------------######################
######################----########-----------------########------------------######################
########------------------########-----------------########------------------########
########------------------########-----------------########------------------########
######################----########-----------------########------------------######################
######################----########-----------------########------------------######################
######################----########-----------------########------------------######################
########------------------########-----------------########------------------########
########------------------########-----------------########------------------########
######################----#####################----######################----######################
######################----#####################----######################----######################
######################----#####################----######################----######################
*/

/*
============================================================================================================
THE REST OF THE CODE IS KEPT IN MY FILE BUT IT WON'T AFFECT HOW YOUR PROFILE WILL LOOK. HERE ARE THE EDITABLE
PORTIONS OF YOUR CODE. IT MAKES IT EASIER FOR YOU TO IGNORE THE PARTS OF THE CODE WHERE YOU REALLY CAN'T TOUCH
BECAUSE IT MIGHT BREAK THE WHOLE THING. IT ALSO MAKES IT EASIER FOR ME TO FIX BUGS YOU MAY FIND.
=============================================================================================================
*/



    /*------- CHANGE BACKGROUND ---------*/
    body{
background-image: url('https://www.colourbox.com/preview/18590028-brown-coffee-cups-seamless-pattern.jpg') !important;
background-size: 25% !important;
    }



    /* --------- CHANGE COLORS --------*/
    :root{
    --scrollbar: #301c0f !important;
    --h1: #301c0f !important;
    --link: #300303 !important;
    --sheet-color: #301c0f !important;
    --name:#44291b !important;
    --box-border: #f2cb6a !important;
    --info-border: #b887bf !important;
    --info-background: #fff !important;
}



/*-------- CHANGE FONTS [you'll have to link them first]--------*/
h1, #name{font-family: 'Sarina' !important;}
.info{font-family: 'Nova Oval' !important;}


/*
   =======================================================================================================
TROUBLESHOOTING: IF YOU NEED ANY HELP, MESSAGE ME ON DISCORD: Lil Monster#3557
   =======================================================================================================
*/

</style>
<!-- LOAD IN CSS FILE -->
<link href="https://ellexidecodes.github.io/Profile-Codes/free/chocola.css" rel="stylesheet">
<!-- DONATER PERK: DETERS CODE THEFT || IF YOU'RE NOT A DONATOR, IT'S FINE BUT IT WON'T WORK -->
<script src="https://themonstrousdev.github.io/profiles/Addons/free.js"></script>


<!-- ACTUAL PROFILE -->
<div id="sheet"></div>
<div id="box">
  <div id="host">
<div id="front">
  <div class="top-left">
    <img src="https://media.tenor.com/images/08e4877d7f4c6b6ae66184ee6ee91a48/tenor.gif" height="100%" width="100%;">
  </div>
  <div class="top-right">
    <div class="info">
    <center><h1>Stats</h1></center>
    <b>Moniker</b><div class="r">Chocolat/Chococat</div><br>
    <b>Age</b><div class="r">21 y.o.</div><br>
    <b>Gender</b><div class="r">Femme</div><br>
    <b>Height</b><div class="r">5'1"</div><br>
    <b>Species</b><div class="r">Nekomimi</div><br>
    <b>Orientation</b><div class="r">Demisexual</div><br>
    <b>Position</b><div class="r">Submissive</div><br>
    <b>Marital Status</b><div class="r">Curious</div><br>
    </div>
  </div>
  <div class="bottom-left">
    <div class="info">
    <center><h1>Biography</h1></center>
    <b>C</b>hocola is a playful catgirl that used to be quite the darling pet for her Master but ever since he married and went off
    to live with his wife, she's stopped fawning over him so much. The kitty cat still works at the bakery but like the explorer that she is,
    jumps around during her breaks. Vanilla covers her shifts or sometimes comes with her should they have the same break.
    <br><br>
    <b>H</b>er favourite things in the world is exploring, cakes, hugs, pats, and coffee~ Working in a coffee shop made her quite like it's taste and smell.
    Her old Master's wife didn't quite take a liking to him showering her with affection the way he used to, and she perfectly understood that now. But she
    was not one to sit idly by and wait for affection to come her way. She went out looking for it. So if you see this little cat, don't be afraid to introduce
    yourself and give her pats and hugs.
  </div>
  </div>
  <div class="bottom-right">
    <img src="http://data.whicdn.com/images/276586959/large.gif" height="100%" width="100%">
  </div>
</div>
<br>
<div id="back">
  <div class="top-left">
    <div class="info">
    <center><h1>Friends</h1></center>
    <center>
      <a target="_blank" href="https://roleplay.chat/profile.php?user=Elle"><img src="https://s-media-cache-ak0.pinimg.com/564x/d1/ee/2c/d1ee2c517395d360a2bde4588e8e63de.jpg" height="75" width="75" align="left" border="3"></a>
      <center><b>- Elle -</b><br> <i>/friend/</i></center> .miss demon demon.<br><br><br><br>
      <a target="_blank" href="https://roleplay.chat/profile.php?user=Tarot+Rosencratz"><img src="https://imgur.com/EpSJhFp.jpeg" height="75" width="75" align="left" border="3"></a>
      <center><b>- Tarot Rosencratz -</b><br> <i>/friend/</i></center> .mister mister.<br><br><br><br>
      <a target="_blank" href="PROFILE LINK HERE"><img src="IMAGE LINK HERE" height="75" width="75" align="left" border="3"></a>
      <center><b>- Name -</b><br> <i>foe/friend/neutral</i></center> small note.<br><br><br><br>
      <a target="_blank" href="PROFILE LINK HERE"><img src="IMAGE LINK HERE" height="75" width="75" align="left" border="3"></a>
      <center><b>- Name -</b><br> <i>foe/friend/neutral</i></center> small note.<br><br><br><br>
      <a target="_blank" href="PROFILE LINK HERE"><img src="IMAGE LINK HERE" height="75" width="75" align="left" border="3"></a>
      <center><b>- Name -</b><br> <i>foe/friend/neutral</i></center> small note.<br><br><br><br>
    </center>
  </div>
  </div>
  <div class="top-right">
    <img src="https://i1.wp.com/gifimage.net/wp-content/uploads/2017/08/nekopara-gif-4-2.gif?fit=500%2C281" height="100%" width="100%">
  </div>
  <div class="bottom-right">
    <div class="info">
    <center><h1>Out of Character</h1></center>
    <b>🐾</b> If you want a code of your own, DM <b>Deum</b>.
    <b>🐾</b> Female typist.<br>
    <b>🐾</b> PM Friendly.<br>
    <b>🐾</b> Breaks the fourth wall in PMs.<br>
    <b>🐾</b> Will rarely break character.<br>
    <b>🐾</b> Need to contact me outside of RPC? Discord, discord! Find me there~<br>
  </div>
  </div>
  <div class="bottom-left">
    <img src="https://i0.wp.com/gifimage.net/wp-content/uploads/2017/08/nekopara-gif-2-2.gif?resize=300%2C200" height="100%" width="100%">
  </div>
</div>
  </div>
</div>
<div id="kitty-kitty">
  <img src="http://i.picpar.com/oa4c.png" height="100%">
</div>
<div id="name"><b>Chocola</b></div>
<div id="nav"><center><a class="nav l" href="#front"><b>≪</b></a><a class="nav r" href="#back"><b>≫</b></a></center></div>
<div id="barcode">Like the code?</div>
<div id="credit"><a class="credit" href="https://www.copyrighted.com/work/p30D5zEt4jX6gmOh">&copy; 2018</a> || <a href="https://themonstrousdev.github.io/" target="_blank">The Monster</a></div>
<div id="secret"><a href="#credit">Like the code?</a></div>