Code keeps disappearing

I have an issue with my blog posts, where code keeps disappearing from the code block that is serving as a page-specific style sheet. I have a class called "subtext" that colours text. It works fine but then, a few days later, all the code disappears, making the page display incorrectly. This happens no matter how many times I go back and redo the code and happens on different pages. One of the pages is located at: https://tracytredoux.com/journal-posts/autoimmunity-explained. I have attached the code from the code block in question and you can see where the .subtext is sitting without any definition.

I'm very confused about this and would appreciate any ideas.

Thanks in advance!

<style>
  h3{font-size:1.4em; color:#c68685;  margin-bottom:-0.5em
  }
  .link{}

  .subtext
    
  
 ul {
  list-style: none;
}

ul li::before {
  content: "\2022";
  color: #c68685;
  font-weight: bold;
  display: inline-block; 
  width: 1em;
  margin-left: -1em;
}   
    
</style>

Change your code to this code

<style>
  h3 {
    font-size:1.4em; 
    color:#c68685;  
    margin-bottom:-0.5em
  }
ul li {
    list-style-type: none;
}
ul li::before {
  content: "\2022";
  color: #c68685;
  font-weight: bold;
  display: inline-block; 
  width: 1em;
  margin-left: -1em;
}   
</style>

On 12/22/2021 at 9:25 AM, tuanphan said:

Change your code to this code

Thanks for your reply, @tuanphan. It looks like you have simply removed the problem classes, but I need them to be there. My issue is that the content of the class definitions keeps disappearing. So, initially it looks like this:

<style>
  h3{font-size:1.4em; color:#c84e4e;  margin-bottom:-0.5em
  }
  
  .link{
  color:#c84e4e  
  }

  .subtext{
    color:#c84e4e;
    font-size:1.1em
  }    
  
 ul {
  list-style: none;
}

ul li::before {
  content: "\2022";
  color: #c84e4e;
  font-weight: bold;
  display: inline-block; 
  width: 1em;
  margin-left: -1em;
}   

</style>

but then the content of the subtext and link classes disappears after a while, as in the initial example. Hopefully the issue is clearer now.

Thanks again

see above code, list-style should apply to ul li, not ul

ul li {
    list-style-type: none;
}