CSSが反映されません、お助けください

https://dotinstall.com/lessons/basic_css_v5/49901

現在こちらのサイトを元にチュートリアルを行っているのですが何度やり直してみても
文字の色が変更されません。

１時間ほどネットで調べて色々調べてみたのですが、どれを試しても改善されません。
お手数おかけいたしますが、解決策をご教授願いたく存じます。

○試したこと
cssテキストが間違っているかの確認のため、ネットからコピペして背景が赤くなるように入力
→適用されませんでした。

　スペルチェック及び、テキストのコピペで再度入力
→適用されませんでした。

cssファイルリンク表記の変更、頭に/や./の追加
→適用されませんでした。

!DOCTYPE html>
<html lang="ja">
  <head>
  <meta charset="utf-8">
  <title>太郎のポートフォリオサイト</title>
  <link rel="icon" href="favicon.ico">
  <meta name="description" content=太郎のポートフォリオサイトです>
  <link rel=”stylesheet” href="css/styles.css">
  <!-- <style>
    h1{
     color: red;
    }
  </style> -->
 </head>

  <body>
    <header>
      <img src="img/taro.png" width="120" height="120" alt="太郎のアイコンです">
      <h1>山田太郎</h1>
      <p>UI/UXデザイナー見習いです</p>
      <ul>
        <li>
          <a href="http://dotinstall.com" target="_blank">
            <img src="img/blog.png" width="20" height="20" alt="ブログサイトへのリンク画像です">
          </a>
        </li>
        <li>
          <a href="http://dotinstall.com" target="_blank">
            <img src="img/photos.png" width="20" height="20" alt="写真サイトへのリンク画像です">
          </a>
        </li>
      </ul>
    </header>
    
    <section>
      <!-- 作品紹介です -->
      <h1>WORKS</h1>

      <section>
        <image src="img/work1.png" width="400" heght="260" alt="勇者のゲームの紹介画像">
        <h1>勇者ゲーム</h1>
        <p>楽しいアプリです。</p>
      </section>
    
      <section>
        <image src="img/work2.png" width="400" heght="260" alt="宝探しゲームの紹介画像">
        <h1>宝探しゲーム</h1>
        <p>楽しいアプリです。</p>
      </section>
    
      <section>
        <image src="img/work3.png" width="400" heght="260" alt="神経衰弱の紹介画像">
        <h1>神経衰弱</h1>
        <p>楽しいアプリです。</p>
      </section>
    </section>

  <footer>
    <p>(c) dotinstall.com</p>
  </footer>

  </body>
</html>