help with interest titles!!!!

I cant get my interest titles to work!!

heres my code: 

<style>

:root {

 --topic1: "all 💌";

 --topic2: "music 🎧";

--topic3: "movies 🍿";

 --topic4: "tv 📺";

 --topic5: "books 📖";

--topic6: "games 🎮";

 }

.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 darkviolet !important;

 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>

am i doing something wrong???