railsアプリ cssが反映しない

Question

前提・実現したいこと

railsでスケジュールアプリを作っています。
fullcalenderでカレンダーを導入。
その上下にhamlとscssで装飾をしようと試みています。
その際に、何故かscssが反映する項目と反映しない項目が出てしまい、
先に進めません。
誰か教えてください。
宜しくお願い致します。

https://gyazo.com/6aeb3ae956d2281800cfda934fc48561

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

反映するscssと反映しないscssがある。

該当のソースコード

.Header
  .Heaader__contents
    .Heaader__contents__left
      =link_to("/",class: "Header__contents__left__btn") do
        顧客管理
    .Heaader__contents__main
      ○○さんのスケジュール
    .Heaader__contents__right
      .Header__contents__right__name
        ニックネーム
      =link_to("/",class: "Hedder__contents__right__btn") do
        ログイン
.Body
  %p#calendar
.Footer
  .Footer__content
  =link_to("/",class: "Footer__content__btn") do
    ＋
    入力

.Header {
  &__contents{
    display: flex;
    &__left{
      font-size: 20px;
      &__btn {
        color: red;
        font-size: 20px;
      }
    }
    &__main {
      color: blue;
      font-size: 20px;
    }
    &__right {
      font-size: 20px;
      &__btn {
        color: brown;
        font-size: 20px;
      }
    }
  }
}
.Footer__content__btn {
  color: blueviolet;
  font-size: 20px;
}

 @import "reset";
 @import "index";
 @import "calender";
 @import "font-awesome-sprockets";
 @import "font-awesome"; 

試したこと

・reset.scssのコメントアウト
・検証モードで確認→反映してない項目はcssの記述がない
反映している物には記載あり
・hamlと名前が一致しているか確認
・キャッシュの削除
・rails s再読み込み
・application.scssの記述確認

補足情報（FW/ツールのバージョンなど）

rails 6.0.0
fullcalender

反映しているのは、
.Header__left__btn
.Footer__content__btn
が反映してます。
あとの部分は全て反映せず。

Answer 1

Header が Heaader になってます。

Heaader__contents
Heaader__contents__left

など

Comments

[a-ichi]

nekoさん
ありがとうございます。
解決出来ました。
自分では全く気付きませんでした。
助かりました！！