Hallo,
body {
width:100%;
height:100%; }
<body> ist aber ein Kindelement von <html>, und das ist bis jetzt so hoch wie der Inhalt. Deswegen bringt height:100%; bei <body> erst einmal gar nichts.
Du kannst aber dem <html>-Element ebenfalls die Höhe 100% (= 100% von der Viewporthöhe) geben:
html, body {
margin:0;
padding:0; /* margin und padding auf 0, weil es sonst Scrollleisten gibt */
width:100%;
height:100%;
}
Allerdings wirst du ein Problem haben, wenn der Text länger ist als der Viewport; wenn du die CSS-Eigenschaft overflow nicht veränderst geht der Text zwar weiter, aber die Elemente hören vorher auf.
Gruß