CSS code to change colors of first and second levels

I’ve been using ChatGPT to come up with code to change the color of the first and second levels, red for the first and green for the second. However, after several tries nothing ChatGPT tried worked. Is it even possible to do this? And if so how would it be done? Thanks

This code does bullets on different levels. See if you can adapt to do the background of the main content.