I need help with css for li element

Tell us what’s happening:
Hi I am struggling with this for a while now, I want the li elements to not have some sort of margin on the left. How can I fix this?

Your code so far
https://codepen.io/sann3333/pen/xxKPxwb?editors=0100
Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/76.0.3809.132 Safari/537.36.

Link to the challenge:
https://learn.freecodecamp.org/responsive-web-design/responsive-web-design-projects/build-a-technical-documentation-page

You need to add

 padding: 0;

to your .list-style class. By default lists have a padding which you need to remove.