Code Sphinx

<style>
/*

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

AUTHOR: Elle
LANGUAGE: HTML/CSS
FOR: Ke Kino [RPC PROFILE]
SOURCE: https://pastebin.com/raw/j5Cd6sNU -
LICENSE WILL NOT BE GIVEN TO ANYONE || DO NOT REMOVE ANY OF THE CREDIT HIDDEN AND IN OOC



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

/*
============================================================================================================
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 -----------*/
/* just remove the asterisks and slashes to add them in; by default there are no background pictures but here is an option to
add them in*/

/*body{
    background-image: url();
    background-size: cover;
    }

    #fakeback{
background-image: url();
background-size: cover;
}*/



/* ------ CHANGE COLORS -------------*/
:root{
    --background: linear-gradient(#161616, #010101) !important;
    --orbs: #b6e3f9 !important;
    --orb-glow: rgba(182, 227, 249, 1) !important;
    --portal: #99c6ff !important;
    --name: linear-gradient(#43C6DB,#1e497a) !important;
    --box-background: linear-gradient(rgba(67, 198, 219, 0.5), rgba(28, 110, 122, 0.5)) !important;
    --box-border: #1e497a !important;
    --main-text: #fff !important;
    --content-text: #333 !important;
    --second-screen-background: #fff !important;
    --h1: #0a4796 !important;
    --bold-outline: #9b60dd !important;
    --bold: #fff !important;
    --link: #ac009d !important;
}



/* -------- CHANGE IMAGES --------*/
#main-image{
    background:url('https://i.imgur.com/eZ7qCwt.png') !important;
background-size: 105% !important;
background-position:bottom center !important;
background-repeat: no-repeat !important;
}
#pic{
    background:url('https://img00.deviantart.net/1e54/i/2017/124/9/9/special_commission_by_oukamiyoukai45-db83ml5.png') !important;
background-size: 75% !important;
background-position:bottom center !important;
background-repeat: no-repeat !important;

}




/* ------ CHANGE FONTS [you have to link them first] --------*/
#name{font-family: Impact !important;font-size: 10vh !important;}
#info{font-family: 'Covered By Your Grace' !important; font-size: 2.6vh !important;}
.content{font-family: 'Covered By Your Grace' !important; font-size: 2.8vh !important;}
h1{font-family: 'Dancing Script' !important;}
a{font-family: 'Macondo' !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/sphinx.css" rel="stylesheet">
<!-- DONT TOUCH THIS OR IT WILL MESS WITH YOUR CODE -->
<script src="https://themonstrousdev.github.io/profiles/Addons/free.js"></script>
<script src="https://ellexidecodes.github.io/Profile-Codes/free/sphinx.js"></script>



<div id="main-image"></div>
<!--FLOATING ORBS-->
<div id="bigBox">
<div id="box"></div>
<div id="box2"></div>
  </div>
  <canvas id="pixie"></canvas>
  <!--=================-->
  <div id="name">Ke Kino</div>
  <div id="info">Species: Sphinx-like creature || Age: Unknown || Orientation: Pansexual || Status: Single</div>
  <div id="fakeback">
  <div id="pic"></div>
  <div class="view">
<div class="plane main" id="back">
  <div class="circle"></div>
  <div class="circle"></div>
  <div class="circle"></div>
  <div class="circle"></div>
  <div class="circle"></div>
  <div class="circle"></div>
</div>
      </div>
  <div class="content one">
      <center><h1>Header</h1>
      <b>Bold</b> <i>Italics</i> <s>Strikethrough</s> <u>Underline</u> <a href="#">Link</a>
      </center>
  </div>
  <div class="content two">
      <center><h1>Out Of Character</h1></center>
      <b>⍟</b> This code is made by <a href="https://themonstrousdev.github.io/" target="_blank">The Monster</a>. DM <b>Deum</b> for a commission/request.
      <b>⍟</b> More bullets!<br>
      <b>⍟</b> <br>
      <b>⍟</b> <br>
      <b>⍟</b> <br>
      <b>⍟</b> <br>
      <b>⍟</b> <br>
  </div>
  </div>