scssが上手く機能しません。

Question

heightとbackground-color以外が機能しません。
大きなモニタでもコンテンツが真ん中1140pxの幅に来るようにしたいと思っています。
何が問題なのでしょうか？

<section class="guide">
    <div class="guide-content">
      <div class="guidee-ttl">
        <h1>青に勝るものはない</h1>
      </div>
    </div>

.guide {
  height: 600px;
  background-color:rgb(248, 215, 221);
  border-color:2px solid red;
  &-content {
    max-width: 1140px;
    margin:0 auto;
    border-color:2px solid red;
  }
  
}

Answer 1

時間をおいたら機能しました。