code I used on my profile

logo

<style>

.logo {

content:url("IMAGE URL");</style>

"online now" icon

<style>

.online{content:url("IMAGE URL");}

</style>

background music

<iframe width="0" height="0" src="https://www.youtube.com/embed/XXXX//?&;amp;;autoplay=1&;loop=1&;controls=1" title="tattered and torn mfkr" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen="" loading="lazy">

</iframe>

interest table labels

(put in general section)

<style>

:root {

    --topic1: "General";  /* EDIT INTEREST LABELS HERE */

    --topic2: "Music";

    --topic3: "Movies";

    --topic4: "TV";

    --topic5: "Books";

    --topic6: "Heroes";

 }

.table-section:not(:last-child) .details-table tr td:first-child p{color:transparent !important;text-shadow: none !important;letter-spacing: -100px;}

.details-table tr td:first-child p::after{

   color:var(--links) !important;

   letter-spacing:normal !important;

   text-shadow: 2px 2px red !important; /*change color of text*/

}

.table-section:not(:last-child) .details-table tr:nth-child(1) td:first-child p::after{

    content: var(--topic1);

}

.table-section:not(:last-child) .details-table tr:nth-child(2) td:first-child p::after{

    content: var(--topic2);

}

.table-section:not(:last-child) .details-table tr:nth-child(3) td:first-child p::after{

    content: var(--topic3);

}

.table-section:not(:last-child) .details-table tr:nth-child(4) td:first-child p::after{

    content: var(--topic4);

}

.table-section:not(:last-child) .details-table tr:nth-child(5) td:first-child p::after{

    content: var(--topic5);

}

.table-section:not(:last-child) .details-table tr:nth-child(6) td:first-child p::after{

    content: var(--topic6);

}

</style>