Code Fennec

<style>
/*

======== !! IMPORTANT !! DO NOT REMOVE ANY PART OF THIS SECTION =========

    Author: Elle
    For: An RPC Profile
    Date of Completion: April 6, 2017 10:48PM EST
    Language: CSS/HTML
    SOURCE: https://pastebin.com/raw/0KnakNMi -




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

/*
============================================================================================================
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: #;
}



/* ------- CHANGE COLORS -------*/
:root {
    /* colors */
    --text: #3a2715 !important;
    --link: #7c5133 !important;
    --link-hover: #686868 !important;
    --h1-color: #3d201e !important;
    --bold: #ad806e !important;
    --italics: #8e7661 !important;
    --button-background: linear-gradient(45deg, #fdd1aa, #f9847d) !important;
    --infobox-background: linear-gradient(45deg, #D0C0C6, #bad8db) !important;
    --scrollbar-color: #774f29;

    /* fonts */
    --header-font: 'Yesteryear', cursive;
    --link-font: 'Sacramento', cursive;
    --default-font: 'Teko', sans-serif;

    /* main image */
    --main-image: url(http://d.facdn.net/art/evendim/1467239901/1467239901.evendim_dsdfg.png);
    --main-image-size: 100% 100%; /* width height || alternative values: cover, fit, 0% - 100% */
    --image-roundness: 0;
    --image-border-thickness: 0;
    --image-border-color: transparent;
}

/*
    ============================================================================

    NOTE: INFO BOXES ARE NOW CLASSES SO YOU CAN ADD MORE IF YOU WANT

    ----------------------------------------------------------------------------

    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/fennec.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="main"></div>
                      <div id="quote">
                        <center>
                          <h2>
                             <br><br><br>
                             Add a quote here, doll!
                          </h2>
                        </center>
                      </div>
                      <div id="navigation">
                        <a href="#bio"><img src="http://i.picpar.com/UErc.png" height="4.5%" class="nav"></a><br><br>
                        <a href="#friends"><img src="http://i.picpar.com/UErc.png" height="4.5%" class="nav"></a><br><br>
                        <a href="#ooc"><img src="http://i.picpar.com/UErc.png" height="4.5%" class="nav"></a><br><br>
                        <a href="#intro"><img src="http://i.picpar.com/UErc.png" height="4.5%" class="nav"></a>
                      </div>
                      <div id="box">
                        <div id="host">
                          <div id="intro">
                          <br><br><br><br><br>
                            <center><a href="#stats" class="intro"><center>How much do you want to know?</center></a>
                          </div>
                          <br>
                          <div id="stats" class="infobox">
                            <center><h1>Statistics</h1></center>
                            <b>Name</b><div class="r">Name here</div><br>
                            <b>Moniker</b><div class="r">Nickname here</div><br>
                            <b>Gender</b><div class="r">Femme/Homme</div><br>
                            <b>Age</b><div class="r">??? y.o.</div><br>
                            <b>Species</b><div class="r">Fennec Fox</div><br>
                            <b>Marital Status</b><div class="r">Taken/Single/Widowed/Open</div><br>
                            <b>Info</b><div class="r">Beep</div>
                          </div>
                          <br>
                          <div id="bio" class="infobox">
                            <center><h1>Biography</h1></center>
                            <center>Work in Progress<br>Come back when things are fleshed out.<br>
                              <b>bold</b> <i>italicized</i> <u>underlined</u> <s>strikethrough</s> <a href="link here">links</a>
                            </center>
                          </div>
                          <br>
                          <div id="friends" class="infobox">
                            <center><h1>Friends</h1></center>
                             <center>
                             <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>
                            <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>
                            <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>
                            <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>
                            <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>
                           </center>
                          </div>
                          <br>
                          <div id="ooc" class="infobox">
                            <center><h1>I am <font style="color: #8e7661;font-family:'Yesteryear',cursive;font-size:4vh;">not</font> a fox</h1></center>
                            <b>✔</b> In-room approach is your best bet.<br>
                            <b>✔</b> PM Picky.<br>
                            <b>✔</b> I reserve the right to stop or refuse any roleplay that doesn't satisfy me.<br>
                            <b>✔</b> More bullets.
                            <center><h1>Typist Info</h1></center>
                            <b>✔</b> Femme/Homme<br>
                            <b>✔</b> ??? y.o.<br>
                            <b>✔</b> You can contact me on Skype/Discord/Blah or <a href="here">here.</a><br>
                            <b>✔</b> More bullets. You can forego this. I just gave you the option to have one.<br>
                          </div>
                        </div>
                      </div>
                      <!--VISIBLE CREDIT ; PLEASE DON'T REMOVE-->
                      <div id="credit">
                        <font style="font-size:2.4vh;">&copy;<a href="https://themonstrousdev.github.io/" target="_blank">The Monster</a>. If you want a code of your own, DM <b>Deum</b> on RPC.</a>
                      </div>