font-sizeを指定するとき、remという単位を使うことができます。
これは、HTML要素のサイズ（既定は16px）の何倍かという単位です。
たとえば、5remは80pxです。
5rem = HTML要素のサイズ 16px × 5
= 80px となります。
5remの表示（Google Chrome）
3rem は 48pxです。
3rem = 16px × 3
= 48px
3remの表示
MDNリファレンスによると、
rem値は、複合の問題を避けるために考案されました。rem値は親要素ではなく、ルートhtml要素に対して相対的です。言い換えると、親要素のサイズの影響を受けることなく、相対的な方法でフォントサイズを指定できますので、複合が発生しません。
https://developer.mozilla.org/ja/docs/Web/CSS/font-size
参考にしたYouTube