Code Pride

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

    Author: Elle
    For: Ego [RPC Profile]
    Text type: CSS/HTML
    SOURCE: https://pastebin.com/raw/pAdVF7AT -
    REGISTRATION: https://www.copyrighted.com/work/7KBtMxU0qklMwhHX ;



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

/*
============================================================================================================
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 --------- */
/* ---- YOU CAN ADD IN IMAGES IF YOU WANT ------ */
body{
    background: #79704F !important;
}



/* ------ CHANGE COLORS ---------*/
:root{
    --bar-color: #d19536 !important;
    --title-color: #684220 !important;
    --text-color: #ccc !important;
    --nav-background: #ffc775 !important;
    --nav-border: #bc8129 !important;
    --nav-hover: #cc8112 !important;
    --h1-color: #4c2f16 !important;
    --bold: #7f5128 !important;
}



/* ----- CHANGE FONTS [you have to link them first btw] -------*/
#title, h1{font-family: 'Special Elite' !important;}
#box{font-family: 'Averia Serif Libre' !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/pride.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="image">
                            <img src="http://i.picpar.com/nQjc.png" style="height: 114%">
                          </div>
                          <div id="bar"></div>
                          <div id="content">
                            <div id="title">My Pride is my Ego</div>
                            <div id="background">
                              <img src="https://c2.staticflickr.com/6/5044/5266038879_13bd86e095_b.jpg" style="height: 100%; width: 100%;border-radius:10px;">
                            </div>
                            <div id="shadow"></div>
                            <div id="nav">
                              <a href="#one"><div class="nav1"></div></a>
                              <a href="#two"><div class="nav2"></div></a>
                              <a href="#three"><div class="nav3"></div></a>
                              <a href="#four"><div class="nav4"></div></a>
                            </div>
                            <div id="box">
                              <div id="host">
                                <div id="one">
                                <center><h1>Stats</h1></center>
                                <br><br>
                                  Name <div class="s">Hayden</div><br>
                                  Moniker <div class="s">Ego</div><br>
                                  Age <div class="s">21 y.o.</div><br>
                                  Gender <div class="s">Femme</div><br>
                                  Persona <div class="s">Unexpectedly Chipper AF</div><br>
                                  Hair <div class="s">Russet</div><br>
                                  Eyes <div class="s">Russet</div><br>
                                  Height <div class="s">5'1"</div><br>
                                  Build <div class="s">Petite</div><br>
                                  Orientation <div class="s">Bisexual</div><br>
                                  Marital Status <div class="s">Single</div><br>
                                </div>
                                <div id="two">
                                  <center><h1>Biography</h1></center>
                                  <center><br>Coming Soon!<br>Work in Progress</center><br>
                                  Hayden is the pride and joy of her pride. Being the smallest but fastest of all females,
                                  she was their main hunter when it was feeding time. With how young she is, she had no cubs
                                  of her own or even a mate, but she was well loved by the cubs in her group. They adored
                                  playing with her and she even teaches them how to hunt and roar. Because of this, she grew
                                  to have a bit of an ego which is why she is nicknamed as Ego within her pride. But even though
                                  she had this certain confidence, she was far from arrogant.<br>
                                  She is one of the very few females who ever grew out their hair but being gifted with thick,
                                  russet locks, she was often mistaken for a smaller male, especially since she had a smaller bust
                                  compared to the lioness' in the pride but she didn't really let it bring her down. There were
                                  advantages and disadvantages on being mistaken for a male but Hayden chooses to look at the
                                  brighter side of things.
                                </div>
                                <div id="three">
                                  <center><h1>Friends</h1></center>
                                  <a target="_blank" href="https://roleplay.chat/profile.php?user=Webber"><img src="http://i.imgur.com/NTPuhgN.png" height="75" width="75" align="left" border="3" border-color="#000"></a>
                                  <center><b>- Webber -</b><br> <i>friend</i><br>.spider baby.</center><br><br>
                                  <a target="_blank" href="https://roleplay.chat/profile.php?user=Lou"><img src="http://i.picpar.com/Nshc.png" height="75" width="75" align="left" border="3" border-color="#000"></a>
                                  <center><b>- Lou -</b><br> <i>friend</i><br>.hop hop bunny.</center><br><br>
                                  <a target="_blank" href="profile"><img src="image" height="75" width="75" align="left" border="3" border-color="#000"></a>
                                  <center><b>- Name -</b><br> <i>friend/foe/nuetral</i><br>small note.</center><br><br>
                                  <a target="_blank" href="profile"><img src="image" height="75" width="75" align="left" border="3" border-color="#000"></a>
                                  <center><b>- Name -</b><br> <i>friend/foe/nuetral</i><br>small note.</center><br><br>
                                  <a target="_blank" href="profile"><img src="image" height="75" width="75" align="left" border="3" border-color="#000"></a>
                                  <center><b>- Name -</b><br> <i>friend/foe/nuetral</i><br>small note.</center><br><br>
                                  <a target="_blank" href="profile"><img src="image" height="75" width="75" align="left" border="3" border-color="#000"></a>
                                  <center><b>- Name -</b><br> <i>friend/foe/nuetral</i><br>small note.</center><br><br>
                                  <a target="_blank" href="profile"><img src="image" height="75" width="75" align="left" border="3" border-color="#000"></a>
                                  <center><b>- Name -</b><br> <i>friend/foe/nuetral</i><br>small note.</center><br><br>
                                  <a target="_blank" href="profile"><img src="image" height="75" width="75" align="left" border="3" border-color="#000"></a>
                                  <center><b>- Name -</b><br> <i>friend/foe/nuetral</i><br>small note.</center><br><br>
                                  <a target="_blank" href="profile"><img src="image" height="75" width="75" align="left" border="3" border-color="#000"></a>
                                  <center><b>- Name -</b><br> <i>friend/foe/nuetral</i><br>small note.</center><br><br>
                                </div>
                                <div id="four">
                                  <center><h1>Out Of Character</h1></center>
                                  <b>♌</b> If you want a code of your own, send <b>Deum</b> mail on RPC.<br>
                                  <b>♌</b> In-room approach is your best bet.<br>
                                  <b>♌</b> Semi-PM Friendly. <br>
                                  <b>♌</b> What I do IC does not reflect on me OOC. <br>
                                  <b>♌</b> LT is preferred. <br>
                                  Color: #DD994F
                                  <br><br>
                                  <center><h1>Typist Info</h1></center>
                                  <b>♌</b> Femme AF<br>
                                  <b>♌</b> 20 y.o. <br>
                                  <b>♌</b> Skype is pretty much up for grabs. [Unless you suddenly popped out of nowhere, in which case, please disappear back into the void from whence you came. Than you.]
                                </div>
                              </div>
                            </div>
                            <!-- Please don't remove the credit. It's not much but it's work -->
                            <div id="credit">
                              <a href="https://www.copyrighted.com/work/7KBtMxU0qklMwhHX">&copy; 2018</a> || <a href="https://themonstrousdev.github.io/" target="_blank">The Monster</a>
                            </div>
                          </div>