[Feature] Distinguish between Markdown headings

[chipzoller]

I have checked all the prerequisites below and I'm yet experiencing a problem

• [x] Read the README.md
• [x] Have the extended version of Hugo installed
• [x] Used the exampleSite's config.toml as a reference

Describe the feature request

The left-side nav bar is very nice, but the only down side is it flattens all markdown headings to appear as though they're on the same "level". This makes it challenging when adopting this theme coming from other Markdown content where there has been some care taken to ensure headings have structure defining the content. It'd be nice if there was some simple way of reflecting maybe two or three levels of this structure. Alternatively, multiple pages would need to be created to keep this visually distinct.

Desktop (please complete the following information):

• OS: Mac 10.14.6
• Browser: Firefox 93

[chipzoller]

Guessing this is related to #55

[rwstorer]

As a workaround, I put these lines in my assets/sass/_custom.sass file:

.section
  &_title
    font-size: 1.25rem
  &_link
    font-size: 0.9rem
    font-weight: 400

It makes the sub-menu items visibly smaller, and I can easily tell where each Topic begins and ends.