お疲れ様です。
初歩的な質問かもしれませんが、CSS に要素を書くとき .（ドット）から始まるものもあれば、そのまま書くものもあります。このような時の違いって親要素か子要素かで違うのですか？
今回の例だと、bodyやcontainerは.から始まっていて、headerやmainはそのまま書かれています。
.がいるとき、いらないときの違いが知りたいです。