Monarch of Death Rave layout

PLZ CREDIT ME IF USING!!!

<iframe width="0" height="0" src="https://www.youtube.com/embed/kN0J3PKUKs8?si=ox2KSmTm57VJcknG//?&;amp;;autoplay=1&;loop=1&;controls=1" title="YouTube video player " frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen="" loading="lazy">
</iframe>

<style>
body:before {

content: " ";
height: 100vh;
width: 100vw;
display: block;
position: fixed;
top: 0;
left: 0;
z-index: 100;
background-image: url('https://i.ibb.co/64k676K/Rotteen-Monarch-of-Death-Rave-GIF-Mo-DR-Logo.gif');
background-size: cover;
background-repeat: no-repeat;
background-position:center;
animation: yourAnimation 5s ease 0s 1 normal forwards;
pointer-events: none;

}
@keyframes yourAnimation { 0.0%{ opacity: 1;} 75%{ opacity: 1; } 100%{ opacity: 0;} }
</style>
<style>
.logo {

content:url("https://i.ibb.co/LpFv6QH/logo-optimized-1.png");

}
</style>

<style>
body{background:url("https://i.ibb.co/RbmPbHF/Rotteen-Monarch-of-Death-Rave-Wallpaper-Cover-02-Alt.png") no-repeat fixed; background-size:cover;}
}

nav img.logo {
}

.online{
  content:
  padding:
}
/* this is the online img*/
.online img{
    
}


/* this is color of all the text and links */

a, .profile .friends .person p, p, h2, h3, h4, .count, nav .links a{
  color: DeepPink!important;
}
</style>
<style>
/* main profile background/the box that has all your text */
/* use https://rgbacolorpicker.com/ to pick a different color and adjust it's opacity */
main {
background: rgba(38, 38, 124, 0.36);
border-radius:15px;
border: 2px double rgba(224, 105, 179, 1);
}
</style>
<style>
/* this centers your friend space */
    .profile .friends .inner, .profile .blurbs .section h4{
    text-align: center;
    }
</style>
<style>
/* this adjusts the size/font of your name */
@import url('https://fonts.googleapis.com/css2?family=Patrick+Hand&family=Paytone+One&display=swap');
h1{
font-size: 30px !important;
font-family: 'Paytone One', sans-serif;    
text-transform:uppercase !important;
padding-left: 2px !important;
}
</style>
<style>
/* this changes the color of your name */
.profile h1{
background: -webkit-linear-gradient(#7FFF00, #7FFF00);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
</style>
 
<style>
/* this is the background color for the headings of your blurbs, friend space + comments */
.profile .blurbs .heading, .profile .friends .heading {
background-color:rgba(127, 255, 0, 0.4);
border-radius:15px;
border: 3px solid (224, 105, 179, 0.65);
}
</style>
<style>
/* this is the box that says "_'s latest blog entries" */
background-color:rgba(127, 255, 0, 0.4);
border-radius:15px;
border: 5px dotted rgba(224, 105, 179, 0.65);
}
</style>
<style>
/* these are the colors for the table headings on the left */
.profile .contact .heading, .profile .table-section .heading, .home-actions .heading {
background-color: rgba(127, 255, 0, 0.4);
}
</style>
<style>
/* contacting "_" */
.profile .contact {
background: rgba(38, 38, 124, 0.57);
}
</style>
<style>
/* friend comments */
.profile .friends .comments-table td {
background-color: rgba(127, 255, 0, 0.4);
border: 1px solid rgba(224, 105, 179, 0.5);  
}
.comments-table td*{
    
    
}
</style>
<style>
/* colors for interest section */
.profile .table-section .details-table td {
background-color:rgba(127, 255, 0, 0.58);
}
</style>
<style>
main:before {
      background-image: url('https://i.postimg.cc/7YyYVN5X/ezgif-2-d7b3b52543.gif');
      background-position: center center;
      background-size: cover;
display: block;
content: "";
width: 100%;
height: 319px;
border-radius: 10px;
    margin-bottom: 10px;
  }
</style>
<style>
/* navigation bar at the top/the bar that has navigation links */
nav .links {
background-color: rgba(127, 255, 0, 0.4);
}
</style>
<style>
nav .top{
/* navigation bar at the top/the bar that has the search and spacehey logo */
background-color: rgba(127, 255, 0, 0.4);
}
</style>
<style>
/*borders */
.profile .url-info {
border: 2px solid rgba(224, 105, 179, 1);    
}
.profile .contact {
border: 2px solid rgba(224, 105, 179, 1);     
}
.profile .table-section {
border: 2px solid rgba(224, 105, 179, 1);     
}

</style>
<style>
/* border inside of comments */
table.comments-table {
border: 2px double rgba(224, 105, 179, 1);      
}    
</style>
<style>
/* replace with cd image that has transparent background. must be 150px by 150px. */
:root {
--cd-image: url('https://i.ibb.co/9VCy1rs/Digital-CD-Disk-Vector-Transparent-PNG-1.png');
}
.profile-pic {
position: relative;
width: 183px;
filter: drop-shadow(0 0 0.25rem gray);
}
.profile-pic:after {
content: "";
background: url('https://fluorescent-lights.neocities.org/f0rzNHe.png'), linear-gradient(150deg, rgba(255,255,255,0.4), rgba(255,255,255,0.2), 40%, rgba(255,255,255,0.1) 0%, rgba(255,255,255,0.6));
background-size: contain, cover;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

.profile-pic:before {
content: "";
background: var(--cd-image);
position: absolute;
top: 5px;
left: -20px;
width: 150px;
height: 150px;
background-repeat: no-repeat;
z-index: -1;
animation-name: spin;
animation-duration: 5000ms;
animation-iteration-count: infinite;
animation-timing-function: linear;
transition: left ease 0.5s;
}
.profile-pic:hover:before {
left: -75px;
}
@keyframes spin {
    from {
        transform:rotate(0deg);
    }
    to {
        transform:rotate(360deg);
    }
}
.profile-pic .pfp-fallback {
float: right;
width: 163px;
height: 160px;
border: none;
}
.general-about .profile-pic img {
max-width: inherit;
}
</style>








<div style="float:  ; max-height: 400px; position: fixed; right: 1px; bottom: 9px; z-index: 200;"><img src="https://i.ibb.co/88qJn5P/Rotteen-Monarch-of-Death-Rave-GIF-Bouncin-B.gif" width="300" height="300"/></div>