My CSS isn't working

Tell us what’s happening: t
The effects of my CSS isn’t showing even though i’ve linked my CSS to HTML. This also happened on the previous project where i had completed my HTML codes, who knows what’s wrong?
Describe your issue in detail here.

   **Your code so far**
/* file: index.html */
<!DOCTYPE html>
<html>
 <head>
<link rel="stylesheet" href="styles.css">
</head>
  <body>
    <h1 id="title">
      freeCodeCamp Survey Form
      </h1>
      <p id="description">
        Thank you for taking the time to help us improve the platform
        </p>
    </body> 
 </html>
/* file: styles.css */
<style>
#title {
 color: white;
 }
</style>
   **Your browser information:**

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

Challenge: Build a Survey Form

Link to the challenge:

are you doin an internal css ?? why you wrote <style></style>?

first … if you want to do inline or internal css you write ur css inside your HTML directly by adding <style> element

second … inline css and internal css are not a good practice (they get your HTML too crowded and itll effect you negativly if you want to fix something in the future. also might effect your website speed) …
so i advice you to focus on external css and that is by adding a <link> to ur CSS in your <head> element inside your HTML

once you do that you simply go to your css and style without <style>
just type your style

#title {
 color: white;
 }

you linked the css correctly so please go to your css and style without the <style> element

also you didnt add title do that by adding <title></title> inside your <head>