「atom」を使用したcss入力後の色がつかない問題

Question

前提・実現したいこと

webサイト修正のために、「atom」を使用しcssコード入力した際に、色がつかない現象が発生しwebサイトの修正が反映されません。
コードは正しいという認識です。原因が分かりません。

発生している問題・エラーメッセージ

webサイト修正のために、「atom」を使用しcssコード入力した際に、色がつかない現象が発生

該当のソースコード

css
ソースコード
@charset "utf-8";

#header{
position: relative;
}
#header h1{
position: absolute;
left:23px;
top:45px;
}
#header p{
position: absolute;
right:10px
top:10px
}

試したこと

以下２点について、webサイト修正を行うべくcssに追記した。
・h1とp要素を上下位置入れ替えたい
・positionプロパティを使用し左側・上から余白を設けたい。
上記のソースコードを入力しましたが、positionに色がつかずに、webサイト修正への反映がされません。
添付した画像を参照ください。

ご回答宜しくお願い致します。

Comments

[dit.]

念のためHTMLの記載もお願いします。

[m.ts10806]

コードはマークダウンのcode機能を利用してご提示ください。
あと「Webサイト」ってどこにありますか？サーバー上？それともローカルPC？
ファイルはサーバー上のデータを直接参照ですか？それともダウンロードしたものですか？
修正から完了までにやった手順を具体的に記載してください。