回答編集履歴

  ただ、「上書き」という原則がある以上、フレームワークよりも前に自身のCSSを読み込ませるのは決して賢明とは言えないでしょう。

  今回はmainに指定していますが、bodyに指定していたら上書きの原則により効きませんからね。

  すでに出ている回答のように読み込ませる順番を変えるのが第一歩です。