Where exactly do I edit to change the interest topic name in this code?

Please, can anyone help me? Everything I edit here doesn't work, the same topics remain...

Code:

<*style>
table, th, td {
border: 0px solid;
}
:root {
--topic1: "one";
--topic2: "two";
--topic3: "three";
--topic4: "four";
--topic5: "five";
--topic6: "six";
}
.table-section:not(:last-child) .details-table tr td:first-child p{color: #ffeb3b !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 black !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>