php laravel cssが反映されない。

laravelフレームワーク使うのが初めてで
現在一部のcssが反映されません。

ファイル名resources/views/posts/layout.php

<!DOCTYPE html>
<html lang="{{ str_replace('_', '-', app()->getLocale()) }}">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>shop</title>
  <!-- <link rel="stylesheet" href="/css/reset.scss"> -->
  <link rel="stylesheet" href="/css/index.scss">
  <link rel="stylesheet" href="/css/layout.scss">
</head>
  <header>
    <div class="header-top">
      <h1 class="title">shop</h1>
      <ul class="menus">
        <li class="menu">新規登録</li>
        <li class="menu">ログイン</li>
      </ul>
    </div>
  </header>
  <body>
    
    @yield('content')
  
  </body>
</html>

ファイル名public/css/layout.scss

.header{
  z-index: 1;
  position: fixed;
  top: 0;
  height: 50px;
  width: 100vw;
  background-color: ;
  .header-top{
    padding: 10px 20px;
    background-color: white;

  }
  .menus{
    display: inline-block;
    .title{
      font-family: 'Times New Roman', serif;
      font-size: 28px;
      padding: 10px 20px;
      display: inline-block;
    }
  }
}