atom cssの読み込みについて

HTML
<html lang="ja" dir="ltr">
  <head>
    <meta charset="utf-8">
    <title>Profile</title>
    <meta name="discription" content="写経">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="shortcut icon" href="img/favicon.ico">
    <link rel="stylesheet" href="https://unpkg.com/ress/dist/ress.min.css">
    <link rel="stylesheet" href="style.css" type="text/css">
  </head>
  <body>
<!--header-->
<header id="header" class="wrapper">
  <h1 class="site-title">
  <a href="./pas-pol.html">
  <img src="./logo.png" alt="ロゴ画像"></a>
  </h1>
  <nav>
    <ul>
      <li><a href="#about">About</a></li>
      <li><a href="#bicycle">Bicycle</a></li>
    </ul>
  </nav>
</header>

CSS
@charset "UTF-8";

html {
  font-size: 100%;
}
body {
  color: #383e45;
  font-size: 0.9rem;
}
a{
  text-decoration:none;
}
img{
  max-width: 100%;
}```ここに言語を入力
コード

写経元サイト

![イメージ説明](708a345d05b4b50f601dd4440c937dab.png)




初歩的な質問ですが回答いただけると助かります。
atomでcssを書いています。
文頭の@を始めfont-sizeなどの文字が白くなっておりhtmlへ内容が反映されません。
誤っている箇所があれば教えていただけないでしょうか。
写経しておりコードをそのまま貼り付けても結果変わりません。

m.ts10806

2021/09/23 12:21

Atom(言語)は無関係と思います。

m.ts10806

2021/09/23 12:57 編集

あともう３点１：コードは画像では他者が再現確認できないのでテキストでマークダウンのcode機能にてご提示ください。２：提示内容だけで対象のHTMLが分かるわけではないのでHTMLも提示してください。３：各ファイルの位置関係が分かる情報を提示してください。エディタのプロジェクトエクスプローラの画面キャプチャでも構いません