but a new layout doesn't make this much easier to read. the writing style mirrors the site layout - it's more for the author's amusement than the benefit of the reader.
If I hit page down, it scrolls the size of the frame, and not my screen. The frame is taller than my screen, so page down scrolls more than a screen full. I would have to use arrow keys or the mouse wheel to read it.
I tried scaling the page down so that the frame fits on screen, but page down still scrolls too far, somehow?
Just put the content on the page, with each section left to size itself based on however-much content is in it, instead of giving each section its own scrollbar at least?
I remember doing this 15 years ago.
Today this is a problem that was solved dozens of times, from Bootstrap, to Zurb and Tailwind - with productivity, accessibility and variety of devices and screen-sizes in mind.
Your website is unpleasant to use and scroll. It feels you're reinventing the wheel just for the sake of it?
It’s a lot easier to start with a good, semantic html structure and come up with exactly the CSS that one needs, rather than continually fight a system aimed at no one in particular.
Not to mention the bloat of unnecessary CSS/JS that you don’t actually need.