in css, How come that 1rem is smaller than the root?
In this code the <a> keeps its original 30px size with the 1rem that is applied using the .a (As it should). but the <h2> turns smaller. why? @import url('https://fonts.googleapis.com/css2?family=Assistant:[email protected]&family=Bellefair&display=swap'); * { margin: 0; padding: 0; box-sizing: border-box; } html…