Beginner making a to do list

I am trying to make a to do list. I am new to html and css. Before I jump into the javascript part is there anything I should fix or consider to add in my html and css code.

Code: https://codepen.io/umalik1910/pen/VqEmYW

You probably noticed your CSS file is not being used, as the background-color is not orange.

You have html tags in your CSS file, which is incorrect. Remove the tags, that’s not CSS.

Take the style tags out of the css pane in code pen, you don’t need them in code pen

Take the body tags out of the html pane. You don’t need them in codepen, and you have too many.