When the number of style rules that you want to add to your HTML reaches a point that it gets too hard to manage them, its best to add them to a separate CSS file. By doing this, you can target your CSS selectors just like normal but you don’t need to add the style tag.
just remove this from your css and add the selectors in the same way you would in the HTML.
Hope this helps!
so when using internal CSS (CSS inside of the style tag) we use selectors to select elements that we want to style. for example, if we want to change the background color of all paragraphs on our website, we can do this.
when using External CSS (CSS in a separate file) we don’t use the style tag. Instead, we create a new file with the .css extension (usually named style.css or styles.css) and we add all of our CSS inside of that file. when we are done, we addd a link tag inside of the head tag like this to “link” or connect that CSS file to our original file.
if you want to learn about the different ways in which you can add CSS to your html here’s an article to help you.