Code Doggo

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

    AUTHOR: Elle
    ORIGINALLY FOR: Little Jindo [RPC Profile]
    Language: CSS/HTML
    Date of Completion: June 18, 2017 || 5:00 AM EST
    SOURCE: https://pastebin.com/raw/GiL7JF5F -
    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 BACKGROUNDS ------*/
body{
    background:url('https://s-media-cache-ak0.pinimg.com/originals/08/85/c8/0885c8f1cebfad290e93dd8945dbd566.jpg') !important;
    background-size:cover !important;
    overflow: hidden !important;
  }
#ooc{  background:url('http://wallpapercave.com/wp/Kj5cd8B.jpg') !important;}
#basic{  background:  url('https://s-media-cache-ak0.pinimg.com/originals/62/09/5e/62095e43c01d9d8b2ce81490554e0ed6.jpg') !important;}
#bio{  background: url('https://images6.alphacoders.com/373/373654.jpg') !important;}
#friends{  background: url('http://netgeek.biz/wp-content/uploads/2014/06/5.3.jpg') !important;}



/* ------ THE STARS GIF IN THE BACKGROUND[if you wanna change them] --------*/
#stars{
    background:url('https://media.giphy.com/media/NzSUEgbTWB7TW/giphy.gif') !important;
    background-size: 10% !important;
}



/*------- CHANGE COLORS ----*/
:root{
    --text: #fff !important;
    --h1:#ffcd72 !important;
    --link: #f7a8ff !important;
    --bold: #ff99cf !important;
    --borders: #000 !important;
    --moosic: #5177ff !important;
    --moosic-hover: #d26bff !important;
}



/* -----FONTS --------*/
*{  font-family: 'Poiret One', cursive !important; font-size: 2.2vh !important;} /* default color */
h1{ font-family: 'Mr Bedfort', cursive !important; font-size:4.5vh !important;}
a{  font-family: 'Meddon' !important;}
b{  font-family: 'Satisfy' !important;font-size:2.4vh !important;}
i{font-family: 'Rochester', cursive !important;font-size:2.6vh !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/doggo.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="back">
<img src="http://wallup.net/wp-content/uploads/2016/01/52676-digital_art-simple_background.png" style="height:100%;width:100%;">
      </div>
      <div id="stars"></div>
      <div id="moosic">
►
<div id="song">
  <audio controls>
      <source src="http://k003.kiwi6.com/hotlink/pw1mr3amiy/03_Brand_New_-_Jesus_Christ_HQ.mp3">
      </audio>
</div>
      </div>
      <div class="card effect">
<div class="front">
<img src="http://i.picpar.com/P2xc.png" style="height:100%;width:100%;border-radius:100%;">
</div>
<div class="credit">
  <br><br>
 <center><font style="color:#fff"><a href="https://www.copyrighted.com/work/p30D5zEt4jX6gmOh">&copy; 2018</a> || <a href="https://themonstrousdev.github.io/" target="_blank">The Monster</a></font></center>
</div>
      </div>
      <div id="ooc">
      <br><br><br>
<h1>ooc/notes;</h1>
<p> If you want a code of your own, DM <b>Deum</b> on RPC.<br>
       the scrollbar? As of right now, the---I DIDN'T FUKEN ADD AN OVERFLOW TRIGGER aaaaahhh ME. there we go. this fuken hoe. okay so this is how it looks. Kek.
<h1>typist info;</h1>
Did you want one of these? idk fam. You can remove this if you want. i deleted a line because I realized how rude it was. :cena:
      </div>
      <div id="doggo">
<img src="https://cdn.discordapp.com/attachments/322187277776322560/325703216589176834/w29zATN.png" height="100%">
      </div>
      <div id="basic">
<h1>basic info;</h1>
<b>Name</b><div class="r">Lilith kek</div><br>
<b>Moniker</b><div class="r">Elle</div><br>
<b>Age</b><div class="r">20 y.o.</div><br>
<b>Gender</b><div class="r">Femme</div><br>
<b>Orientation</b><div class="r">Bi/Pan/Demi/Etc.</div><br>
<b>Info</b><div class="r">Detail</div>
      </div>
      <div id="bio">
<h1>biography;</h1>
<b>bold</b> <i>italicized</i> <s>strikethrough</s> <a href="link">link</a><br>
<center>W.I.P.<br>Come back later when I've fleshed it out.</center>
      </div>
      <div id="friends">
<h1>friends;</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></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>