boo

<style type="text/css">
 @import url('https://fonts.googleapis.com/css?family=Great+Vibes|Alex+Brush|Poiret+One|Handlee|Berkshire+Swash');
 @import url('https://fonts.googleapis.com/css?family=Abel|Anton|Bangers|Fleur De Leah|Grechen Fuemen|Homemade Apple|Meddon|Bebas+Neue&display=swap');

 #music {
 position: fixed;
 bottom:260px;
 left: 240px;
 z-index: 99;
 }


 #music1 {
 position: fixed;
 padding: 2px;
 -webkit-transition: all 0.5s ease-in-out;
 -moz-transition: all 0.5s ease-in-out;
 -o-transition: all 0.5s ease-in-out;
 }

 #music1:hover #music2 {
 opacity: 0.7;
 margin-top: -25px;
 z-index: -1;
 }

 #music1:hover #music3 {
 opacity: 0.7;
 margin-top: 0px;
 z-index: 99;
 }

 #music1:hover #musiclist {
 opacity: 1;
 }


 #music3 {
 position: fixed;
 width: 50px;
 height: 50px;
 background-size: 40px;
 background-image: url('https://i.imgur.com/nMRyz9P.png');
 background-repeat: no-repeat;
 background-position: 50% 0%;
 padding-left: 8px;
 padding-right: 8px;
 filter: drop-shadow(1px 1px #948e91);
 z-index: 99;
 margin-left: 0px;
 overflow: hidden;
 background-color: transparent;
 opacity: 1.0;
 }

 body {
 background-size: cover;
 overflow: hidden;
 }

 ::-webkit-scrollbar {
 width: 2px;
 height: 0px;
 background: ;
 }

 ::-webkit-scrollbar-thumb {
 background-color: transparent;
 -webkit-border-radius: 10px;
 border-radius: 10px;
 }

 a {
 color: #000;
 text-decoration: none;
 }

 a:hover {
 color: #ebdfea;
 text-decoration: line-through;
 cursor: url('https://i.imgur.com/c9K0fAU.png');
 }

 * {
 cursor: url('https://i.imgur.com/c9K0fAU.png'), default;
 }




 #mainimage {
 background-image: url("https://i.imgur.com/r7UNxCH.png");
 background-size: cover;
 position: absolute;
 left: 400px;
 height: 700px;
 width: 507px;
 bottom: 0px;

 z-index: 9;
 pointer-events: none;
 overflow: auto;
 }



 #title {
 position: absolute;
 background-color: ;
 bottom: 420px;
 left: 0px;
 height: 165px;
 width: 605px;
 padding: 15px;
 overflow: auto;
 margin: auto;
 z-index: 2;
 background: ;
 color: #000;
 font-family: Grechen Fuemen;
 font-weight: 00;
 letter-spacing: 5px;
 text-transform: uppercase;
 font-size: 80px;
 padding: px;
 display: inline-block;
 width: auto;
 margin-bottom: 2px;
 margin-top: 2px;
 filter: drop-shadow(4px 3px black);
 text-shadow: 1px 1px 15px white, 1px 1px 1px gray, -1px -1px 1px black;
 }

 #quote {
 position: absolute;
 background-color: ;
 bottom: 250px;
 left: 40px;
 height: 65px;
 width: 495px;
 padding: 60px;
 overflow: auto;
 margin: auto;
 z-index: 2;
 line-height: 18px;


 color: #948e91;
 font-family: abel;
 font-weight: 200;
 text-transform: uppercase;
 font-size: 27px;
 padding: px;
 display: inline-block;
 width: auto;
 filter: drop-shadow(4px 3px black);
 text-shadow: 1px 1px 5px white, 1px 1px 1px white, -1px -1px 1px black;
 margin-bottom: 2px;
 margin-top: 2px;
 }

 #box {
 position: absolute;
 background-color: transparent;
 bottom: 40px;
 left: 130px;
 height: 145px;
 width: 250px;
 padding: 10px;
 overflow: auto;
 border: 2px solid transparent;
 margin: auto;

 z-index: 20;
 line-height: 15px;

 }

 #cred {
 height: 135px;
 width: 135px;
 position: absolute;
 left: 540px;
 bottom: 5px;
 z-index: 999;
 }

 .overlay {
 position: absolute;
 top: 0vh;
 left: 0vw;
 height: 100vh;
 width: 100vw;
 background-color: ;
 background-image:
 url("https://i.imgur.com/GQvPbim.jpg");
 opacity: 0.8;
 background-repeat: no-repeat;
background-size: cover;
 pointer-events: none;
 z-index: 1;
 }

 strong {
 background: transparent;
 padding: 3px;
 color: black;
 font-family: abel;
 letter-spacing: .5px;
 font-weight: 200;
 text-transform: uppercase;
 font-size: 17px;
 display: inline-block;
 text-shadow: 1px 1px 5px black, 1px 1px 1px white, -1px -1px 1px #000;

 }

</style>

<div style="position: fixed; bottom: 500px; left: 930px;filter: drop-shadow(5px 5px #000 ); background-color: transparent; z-index:99;pointer-events: none;">
 <img src="https://i.imgur.com/DytLNWY.png" height="135px" width="135px">
</div>

<div style="position: fixed; bottom: 350px; left: 930px;filter: drop-shadow(5px 5px #000 ); background-color: transparent; z-index:99;pointer-events: none;">
 <img src="https://i.imgur.com/Zch15Wu.png" height="135px" width="135px">
</div>

<div style="position: fixed; bottom: 200px; left: 930px;filter: drop-shadow(5px 5px #000 ); background-color: transparent; z-index:99;pointer-events: none;">
 <img src="https://i.imgur.com/O8QriZG.png" height="135px" width="135px">
</div>


<div id="mainimage"></div>
<div id="title">King Boo</div>
<div id="quote"> "quote something here "<br> <br>
 <center>"more quote??? "</center>
</div>
<div id="box"><strong>info, </strong> <strong>info info info, </strong> <strong>infoinfo info ,</strong> <strong>info, </strong> <strong> info info infoinfo, info, </strong> <strong> info info, info</strong><strong>info info,info info</strong> <strong>info info ,</strong> <strong> infoinfo,</strong> <strong>infoinfoinfo, info</strong>


</div>

<div id="cred">
 <a target="_blank" href="https://roleplay.chat/profile.php?user=Viper+Codes"><img src="https://i.imgur.com/P7nq42a.png" title="coded by Viper" id="cred"></a></div>

<div class="overlay"></div>
<div id="music" title=" Music Quote ">
 <div id="music1">
 <div id="music3">

 <audio controls style="opacity: 0;">
 <source src="https://www.dropbox.com/s/jrude23zffxfpcd/Shifty%20Boo%20Mansion.mp3"></audio>