Code Fern

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

Author: Elle
For: Fern [RPC Profile]
Text type: CSS/HTML
SOURCE: https://pastebin.com/raw/DteQj7nL -
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 ---------*/
body{
    background-image: url('https://secure.static.tumblr.com/65bc7f5febfd5c4c3cf49a109e6922da/imaz9mf/2mQndw3dc/tumblr_static_tumblr_static_5zb451eyd9oo04k4csokco4w0_640.jpg');
}

/* ------ FALLING FLOWERS --------*/
#flowers{
    background-image: url('http://rs385.pbsrc.com/albums/oo296/EmO_TEnTAi/Falling%20objects/070321_2_usa11_m_cola71a.gif~c200');
    background-size: 13%;
}

/* ----- CHANGE FONTS [you have to link them first btw] -------*/
* {font-family: 'Bubbler One'; font-size: 2.3vh;} /* body fonts */
h1 {font-family: 'Text Me one'; font-size: 3vh;} /* header font */

/* ---- CHANGE THE COLORS ----- */
:root{
        --scrollbar: #bb84e080 !important;
        --box-body: #dfbaef !important;
        --box-border: #e4a8ff !important;
        --bold: #ba0b7f !important;
        --link: #ff7cd3 !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/fern.css" rel="stylesheet">
        <div id="flowers"></div>

        <!--MAIN IMAGE-->
        <div id="image"><img src="http://i.picpar.com/8Ync.png" height="100%"></div>

        <!--NAV FLOWERS [CHANGE THE LINK THE CHANGE THE IMAGE]-->
        <div id="navigation">
            <div id="flow1">
                <a href="#stats"><img src="http://www.vncs.ca/images/sakura_icon.png" style="height: 100%"></a>
            </div>
            <br>
            <div id="flow2">
                <a href="#bio"><img src="http://www.vncs.ca/images/sakura_icon.png" style="height: 100%"></a>
            </div>
            <br>
            <div id="flow3">
                <a href="#friends"><img src="http://www.vncs.ca/images/sakura_icon.png" style="height: 100%"></a>
            </div>
            <br>
            <div id="flow4">
                <a href="#ooc"><img src="http://www.vncs.ca/images/sakura_icon.png" style="height: 100%"></a>
            </div>
        </div>


        <!--INFO BOX-->
        <div id="box">
            <div id="host">
                <div id="stats">
                    <center><h1>Statistics</h1></center>
                    <b>Name</b><div class="r">Fern</div><br><br>
                    <b>Moniker</b><div class="r">Ferngally JK idk fam</div><br><br>
                    <b>Age</b><div class="r">18 y.o.</div><br><br>
                    <b>Gender</b><div class="r">Femme</div><br><br>
                    <b>Species</b><div class="r">Goat? Sheep?</div><br><br>
                    <b>Persona</b><div class="r">Soft, Friendly</div><br><br>
                    <b>Height</b><div class="r">5'2</div><br><br>
                    <b>Weight</b><div class="r">105 lbs.</div><br><br>
                    <b>Marital Status</b><div class="r">Single</div><br>
                </div>
                <br>
                <div id="bio">
                    <center><h1>Biography</h1>
                        <br><br><br>
                        <b>Work.In.Progress<br><br><br>Come back later.</b>
                    </center>
                </div>
                <br>
                <div id="friends">
                    <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">
                    <center><h1>Out of Character</h1></center>
                    <b>♚</b> If you want a code of your own, DM <b>Deum</b> on RPC.<br>
                    <b>♚</b> No profile = No RP. <br>
                    <b>♚</b> I reserve the right to refuse RP.<br>
                    <b>♚</b> PM Picky.<br>
                    <b>♚</b> Anotha one.<br>
                    <b>♚</b> And another one.<br>
                    <b>♚</b> You smart.<br>
                    <b>♚</b> You loyral.<br>
                    <b>♚</b> I appreciate chu.<br>
                </div>
            </div>
        </div>


        <!-- CREDIT. PLEASE DON'T REMOVE. -->
        <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>
        <script src="https://themonstrousdev.github.io/profiles/Addons/free.js"></script>
        </div>