Uhm, I need help with my interest labels

I just noticed that my interest labels were off, and I was trying to fix them. Every time I go onto my page, topic 2 (music) is labeled as topic 3 (movies). I don't understand why it does this, and it also doesn't recognize topic six as a section at all. 

This is the code that I use for my interest labels:

<style>

:root {

    --topic1: "BLINKIES";  

    --topic2: "MUSIC IS LIFE";

    --topic3: "MOVIES (LIVE-ACTION AND ANIMATED)";

    --topic4: "TV MEDIA";

    --topic5: "BOOKS, MANGAS, AND MANHUAS";

    --topic6: "THESE ARE IMPORTANT TRUST !!";

 }

.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 white !important; /* CHANGE COLOR OF INTEREST LABELS HERE */

   filter: brightness(95%) !important;

}

.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>

As I said, topic two is not recognized at all and is completely skipped. I've been digging through my code to figure out why it's doing that and I'm an idiot (and amateur coder) so I don't know if I have another line of code that is interfering with this ;-;

Any help would be appreciated X3