Coding *:･ﾟ✧

Here ill right some codes to help you customize your profile

First off is auto play music

<iframe width="0" height="0" src="INSERT SONG HERE;;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>

I find it best to put this at the beginning of your about me section

<style>
body:before {

content: " ";
height: 100vh;
width: 100vw;
display: block;
position: fixed;
top: 0;
left: 0;
z-index: 100;
background-image: url('ENTER GIF HERE');
background-size: cover;
background-repeat: no-repeat;
background-position:center;
animation: yourAnimation 3s ease 0s 1 normal forwards;
pointer-events: none;

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

I would either put this before or after your about me code.

last one is going to be the glowing profile name

<style>

@import url('https://fonts.googleapis.com/css2?family=Bubblegum+Sans&family=Dancing+Script&display=swap');

:root{--neon-text-color:#FFFFFF;--neon-border-color:#FFFFFF;

    --pdg_blurbSticker: url(https://i.imgur.com/hr4nxLN.png);

--pdg_commentsSticker: url(https://i.imgur.com/hvg1I6I.gif);

--pdg_interestSticker: url(https://i.imgur.com/60Gnm4N.gif);

--pdg_urlInfoBox: url(https://i.imgur.com/GwFuwmw.gif);

--pdg_titleTexture: url(https://i.imgur.com/OWPyZIH.gif);

--pdg_linkTexture: url();

--pdg_profileInfo: URL(https://i.imgur.com/6jjw2IW.gif);

    --pdg_yourBackground: url(https://i.imgur.com/1Qs7mOz.gif);

}

.profile .left h1:first-child{color:#fff;font-size:3rem;padding:1rem 1rem 1rem;animation:pdg_flicker 1.5s infinite alternate;text-align:center;line-height:1.3em;}

@keyframes pdg_flicker{0%,19%,21%,23%,25%,54%,56%,100%{text-shadow:-0.2rem -0.2rem 1rem #FFFFFF,

0.2rem 0.2rem 1rem #FFFFFF,

0 0 2rem var(--neon-text-color),

0 0 4rem var(--neon-text-color),

0 0 6rem var(--neon-text-color),

0 0 8rem var(--neon-text-color),

0 0 10rem var(--neon-text-color);}

20%,24%,55%{text-shadow:none;box-shadow:none;}

}

:root{ --neon-text-color: #FFFFFF; }

.profile .left h1{  font-family: 'Dancing Script', cursive;transform: rotate(-4deg); }

body{ background-image: );

background-image:url(https://i.imgur.com/CRhWBKM.gif);

Background-size: 100%;

}

Its also best to put this at the top of your code

That's it for now but let me know if you have any problems and or any requests on codes yall would like to see ˏˋ°•*⁀➷