Ah, so the characters we’re seeing here are twice as wide as they would be when printed? Adding some CSS to compress the page horizontally looks a lot closer to the first image you shared:
This is cute, but please don’t. If you don’t have perfect vision or dexterity, whether due to permanent disability or temporary impediment, this is a nightmare to navigate.