The tweaked typography is looking better! You'll need to toss on <meta name="viewport" content="width=device-width, initial-scale=1.0" /> and add a small

The tweaked typography is looking better! You'll need to toss on <meta name="viewport" content="width=device-width, initial-scale=1.0" /> and add a small amount of padding around the body to make the text scaling pixel density agnostic though. I would also remove the overflow:hidden on body, and remove the fixed height on #root. Nothing needs to be a scrollable container here, the viewport can just scroll over the body. That's causing the bottom ~2 paragraphs to be "stuck" under the bottom edge of my iPhone 13 mini in safari. Ideally use `min-height:100dvh`.