我刚开始使用reaction js，但是我在使用组件中的div时遇到了麻烦。由于某些原因，CSS不能正常工作。有人能告诉我我做错了什么吗？

export const Main = () => {
    return (
        <div className = "main">

            <h1>SO CHEESY</h1>

        </div>

    )
}

这是名为Main.js的组件

.main {
  background-color: #161616;
}

这是index.css文件中的样式。这并不是我想做的，但这只是一个例子。似乎没有什么工作。
我已经试过了我知道的一切。我不知道是什么问题。