<style>

h1   {color: red;}
p    {color: red;}


body {
    background: url(https://i.pinimg.com/564x/fd/72/fe/fd72fedc849f6ab3e753fdd41f147761.jpg);
background-size: 800px; 
}

.profile {
background:url(https://t3.ftcdn.net/jpg/01/29/05/60/360_F_129056060_uIOMK62942CHO29wSVkOVfjf9BBrTOeD.jpg);
background-size: 810px; 
}

:root {
--logo-blue: #5B0000;
--darker-blue: #880000;
--lighter-blue: #880000;
--even-lighter-blue: #880000;
--lightest-blue: #5B0000;
--light-orange: #880000;
--even-lighter-orange: #5B0000;
}

<style>
table, th, td {

  border: 0px solid;

     }

:root {

  --topic1: "fictionkins";
  --topic2: "interests";
  --topic3: "music";
  --topic4: "tv and movies";
  --topic5: "hyperfixes";
  --topic6: "friends";

 }

.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 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);
}

/*Interests Scrollbox*/
    .profile .table-section {
        display: block;
        height: 558px;
        width: AUTO;
        overflow-y: scroll;
        font-size: 12px;
        border: dotted 0px!important;
        border-right: none!important
}



::-webkit-scrollbar
{
  width: 10px;
}

::-webkit-scrollbar-button:start {
    background-color: #d10011;
}

::-webkit-scrollbar-button:end {
    background-color: #d10011;
}

::-webkit-scrollbar-thumb
{
  background-color: #730009;
  border-radius: 0px;
}

/*Customizes color of Handle hover*/
::-webkit-scrollbar-thumb:hover {
  background: #730009;
}  
  
/*Customizes color of Track */
::-webkit-scrollbar-track
{
  -webkit-box-shadow: inset 0 0 6px #d10011;
  background-color: #d10011;
  border-radius: 0px;
}


.general-about .profile-pic {
float: none;
}

.general-about .profile-pic img {
    border-radius: 20px;
    border: 1px solid#AD0000;
}


</style>

<style>

body::before {
    content: " ";
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: linear-gradient(rgb(82 15 15 / 48%) 50%, rgb(0 0 0 / 0%) 50%);
    z-index: 2;
    background-size: 100% 2px, 3px 100%;
    pointer-events: none;
}

</style>