Code Singer

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

Author: Elle
Language: CSS/HTML
Orginally For: Alex Vale [RPC Profile]
Draft 1 Completion: September 10, 2017 21:45
SOURCE: https://pastebin.com/raw/BX3WGxNB -
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{
    overflow: hidden !important;
   background-image: url('https://s-media-cache-ak0.pinimg.com/originals/c0/f7/41/c0f741e3296b02a32c12702d361478b1.jpg') !important;
   background-size:cover !important;
}



/* --------- CHANGE COLORS -------------*/
:root{
     --scrollbar: #aaa !important;
     --link: #771146 !important;
     --box-background: #e3b0fc !important;
     --box-border: #fff !important;
     --music: #8784A1 !important;
     --music-border: #fff !important;
 }



/*-------- CHANGE FONTS [you have to link them first]-------*/
h1{font-family: 'Playball' !important;}
#name{font-family: 'Megrim' !important;}
.info{font-family: 'Poiret One' !important;}



/*--------- CHANGE NAME GIF ------------*/
#name{
    background: #transparent !important;
    background: url(http://img10.laughinggif.com/pic/HTTP3JzODU0LnBic3JjLmNvbS9hbGJ1bXMvYWIxMDkvbGFjaWx1MjIvdHVtYmxyX21hZjQ3eE5QNDMxcjExcXNsbzFfNTAwLmdpZn5jMjAw.gif) 50% repeat !important;
    -webkit-text-fill-color: transparent !important;
    -webkit-background-clip: text !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/singer.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="box">
    <div id="host">
            <div id="stats" class="info">
            <center><h1>Statistics</h1></center>
            <div id="box-smol">
                <b>Moniker</b><div class="r">Valhallex</div><br>
              <b>Age</b><div class="r">22 years old</div><br>
              <b>Gender</b><div class="r">Homme</div><br>
              <b>Species</b><div class="r">Unknown</div><br>
              <b>Height</b><div class="r">5'7"</div><br>
              <b>Figure</b><div class="r">Fit</div><br>
              <b>Class</b><div class="r">Info</div><br>
              <b>Class</b><div class="r">Info</div><br>
              <b>Class</b><div class="r">Info</div><br>
              <b>Class</b><div class="r">Info</div><br>
              <b>Class</b><div class="r">Info</div><br>
            </div>
        </div>
          <br>
          <div id="bio" class="info">
            <center><h1>Biography</h1></center>
            <center>Work In Progress</center>
            <justify>Biography here</justify>
        </div>
          <br>
          <div id="friends" class="info">
            <center><h1>Relations</h1></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><br> small note.</center><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><br> small note.</center><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><br> small note.</center><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><br> small note.</center><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><br> small note.</center><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><br> small note.</center><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><br> small note.</center><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><br> small note.</center><br><br><br><br>
        </div>
          <br>
          <div id="ooc" class="info">
            <center><h1>Out of Character</h1></center>
            <b>♪</b> If you want a code of your own, DM <b>Deum</b> on RPC.
            <b>♪</b> PM Friendly.<br>
            <b>♪</b> IC =/= OOC. <br>
            <b>♪</b> In-room approach is the best way to gain my attention.<br>
            <b>♪</b> Add more as you go.<br>
            <b>♪</b> How do you like the code so far?<br>
            <b>♪</b> I tried to make it simple but approachable.<br>
            <b>♪</b> I do realize it is quite bright though.<br>
            <b>♪</b> Let me know if you want me to darken it up a tad.
        </div>
        </div>
    </div>
      <div id="vale">
        <img src="https://i.pinimg.com/originals/b4/1f/a2/b41fa2043a643ee47ee05b6600023317.png" height="100%">
    </div>
      <div id="name"><b class="name">Alex Vale</b></div>
      <div id="nav">
        <center>
            <a href="#stats">♫</a> - <a href="#bio">♫</a> - <a href="#friends">♫</a> - <a href="#ooc">♫</a>
        </center>
    </div>


      <div id="moosic" class="pretty">
        ▶
        <div id="song">
            <audio controls>
            <source src="http://k003.kiwi6.com/hotlink/9lvvfdq0fp/party_tattoos_-_doddleoddle_audio_.mp3">
            </audio>
        </div>
    </div>


      <div id="secret-code">Je suis Vallhalex</div>
      <div id="secret-code-reveal"><a href="#credit">Je suis Vallhalex</a></div>
      <div id="credit"><a href="https://www.copyrighted.com/work/p30D5zEt4jX6gmOh" target="_blank" class="credit">&copy; 2018</a> || <a href="https://themonstrousdev.github.io/" target="_blank">The Monster</a></div>