Issue with custom CSS

[Sam Morley-Short]

Hi there,

Am relatively new to Hugo & CSS, so apologies if this a really stupid question, but I really can't seem to add my own custom teaks to the theme's CSS. Here's my repro:

1. Create and a new directory.
2. Use hugo new site test to create a new site and cd to the new directory.
3. Initialise the git repo with git init
4. Pull the theme submodule with git submodule add https://github.com/panr/hugo-theme-hello-friend.git themes/hello-friend.
5. Add the suggested configuration to config.toml.
6. Create a new post with hugo new posts/post.md
7. Add the following lines to the custom CSS file /static/style.css:

.post-title {
  font-size: 6rem;
}

8. Boot up the server with hugo server -D -t hello-friend and navigate to localhost:1313/posts/post/.

If I understand correctly, this should work to overwrite the existing CSS for the post's title element, thereby increasing the font size. However, when I do this I don't see any changes in the rendering, even after rebooting the server.

What am I doing wrong here? Thanks in advance for your patience ;).