<div class="wrap">
  <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Tenetur, reprehenderit, voluptatum laudantium unde sapiente nobis doloribus ex quisquam dignissimos quis fuga recusandae saepe sint hic autem necessitatibus excepturi. Aliquid, quaerat.</p>
  
<!--

<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Suscipit, fuga, nemo, nulla necessitatibus corporis libero asperiores vitae mollitia aspernatur quae atque velit minus earum sequi quibusdam eos sed distinctio labore.</p>
<p>Placeat, aliquid, voluptas, ea, repellat tempora amet itaque veniam unde aut iusto explicabo sit dolor voluptate assumenda saepe quidem corrupti ducimus iste reprehenderit atque modi pariatur quia officiis eos nobis!</p>
<p>Quibusdam, reiciendis, corporis possimus dolorem nobis dolore est ad totam odio quasi error placeat necessitatibus ut illum molestias perferendis earum harum consequuntur repellat laudantium dolorum incidunt assumenda et sequi laborum?</p>
<p>Iusto, nobis earum officiis necessitatibus nisi velit non incidunt nesciunt sint quos vitae ipsam veritatis a voluptate libero enim iste. Veniam, perferendis, nesciunt totam at pariatur reiciendis aliquid assumenda aut.</p>
<p>Facere, officiis, rerum, temporibus distinctio obcaecati praesentium quisquam tempora voluptate quo provident accusamus ea repudiandae placeat. Reprehenderit, nemo distinctio cumque iste quisquam accusantium minima dolorem obcaecati debitis! Dicta, numquam, optio.</p>
<p>Necessitatibus, recusandae, esse facere at ut sit debitis in similique mollitia laborum cum aliquam nam cumque praesentium error explicabo enim eaque laudantium vel quam omnis maiores voluptas vero ipsam asperiores?</p>
<p>Quis, aspernatur, ratione, modi, excepturi incidunt error eaque sed molestias pariatur voluptas blanditiis reprehenderit perspiciatis explicabo maiores labore. Quas, pariatur cupiditate praesentium non repudiandae esse soluta magni quo atque eos!</p>
<p>Nostrum, facilis dolorem vero in aliquam? Numquam, autem, quia ipsa impedit quidem delectus dicta labore sapiente cum repudiandae ut voluptatem harum reprehenderit dignissimos id suscipit odio corporis molestiae odit maxime.</p>
<p>Laboriosam, velit, placeat, culpa, soluta fugiat nam veniam eum cumque vel explicabo repudiandae quas vitae iure ratione ab similique inventore eveniet! Excepturi totam odio sint architecto minus voluptatum voluptates eaque.</p>
<p>Itaque, tempora doloribus repudiandae eum architecto. Dignissimos, velit, numquam iure minima deleniti aperiam omnis eos modi dolorum a libero qui minus ipsum tempora sit placeat accusamus inventore quod quasi ex.</p>
<p>Perspiciatis, nisi, culpa, modi, blanditiis fuga dolore praesentium necessitatibus a voluptas ducimus error incidunt facilis provident. Impedit, labore, tenetur, quo, cumque magni perspiciatis odio voluptas ratione ea nostrum illum veritatis?</p>
<p>Architecto, aliquid, sed, magnam, natus facere at fuga tempora modi animi ut quibusdam itaque ad? Numquam, magni, sed, similique quisquam nesciunt quod omnis obcaecati tempore recusandae dolore possimus delectus fuga.</p>
<p>Quidem cum consequuntur cupiditate eveniet odio aliquam similique minus non repudiandae laborum. Obcaecati, dolorum consequatur corporis ipsum aliquam amet repellat nesciunt quibusdam odit eveniet soluta at fugit consequuntur cupiditate aperiam.</p>
<p>Sunt, a, possimus, sit dolore fugiat adipisci excepturi id itaque autem non perspiciatis vero temporibus inventore sapiente quis ab cupiditate praesentium iure accusantium quisquam dignissimos accusamus veniam placeat blanditiis minus.</p>
<p>Quis, a, non, ipsum, mollitia harum dicta aut quod amet aperiam reprehenderit sequi deserunt! Nulla, aliquam incidunt vitae quam excepturi dolorum perferendis voluptatum alias numquam iusto labore pariatur recusandae cupiditate.</p>
<p>Dolores, adipisci, officiis nisi placeat minima sed nihil provident porro in omnis eius totam deserunt impedit doloremque eos possimus corrupti sunt consequuntur eligendi at. Iste quo molestias dolorem nam facere.</p>
<p>Vero, eveniet, ipsum mollitia natus eum explicabo voluptatem ea obcaecati accusamus! Ipsam, nobis, magnam, omnis, reprehenderit placeat repudiandae cum ut illum blanditiis pariatur velit assumenda quibusdam vel minus sapiente asperiores!</p>
<p>Quam, illo, quasi, neque ab ea quo expedita odit impedit ratione ipsa voluptatum eaque ullam recusandae placeat esse id ex amet animi labore autem itaque dolores facilis deleniti qui ipsam.</p>
<p>Aut cum libero reprehenderit deleniti tempora natus fuga facere quibusdam id consequatur. Quae, quas quod delectus pariatur eos tempora tempore officia odio distinctio deserunt fuga blanditiis labore neque voluptates quis.</p>
<p>Tempore, porro, tempora, animi quidem repudiandae minima placeat numquam minus nemo culpa molestiae at praesentium reprehenderit. Voluptate, sit, expedita, quibusdam, in dolores veniam id error maxime autem omnis ipsa laborum.</p>
<p>Aut nam autem nulla porro deleniti dolorum repellat rerum quasi hic iste. Assumenda, aliquid, debitis expedita fuga sequi eos ea adipisci reiciendis officiis distinctio doloribus voluptatibus! Adipisci, laborum illum laboriosam!</p>
<p>Natus, omnis suscipit temporibus sequi repellat deleniti. Magnam, eos, dicta, sed libero ipsam consequuntur repellat voluptates fugit vitae tempora neque sapiente unde molestias officia totam repudiandae non delectus quas aliquid.</p>
<p>Iure, eaque, commodi facilis dignissimos saepe quam exercitationem neque fugiat aut corporis eveniet molestias est asperiores maiores nam sunt fugit aperiam velit. Illo, voluptatum omnis dolorem odit odio consequatur esse!</p>
<p>Numquam, voluptate, eaque, architecto est autem ipsa perspiciatis recusandae rerum deleniti ad esse aspernatur cum non excepturi quod veniam exercitationem. Omnis, illum labore eveniet natus velit impedit iure necessitatibus exercitationem!</p>
<p>Ad, facere, aliquid, ipsa nobis vitae enim minima iure veritatis natus cumque dolorum facilis ducimus recusandae id ullam. Optio explicabo culpa nostrum provident eum vel fugiat! Est nisi laboriosam quidem!</p>
<p>Repudiandae, doloremque, nostrum, molestias vero hic nemo nesciunt cum perspiciatis quibusdam et atque laborum aliquam voluptatem! Eveniet nesciunt odio quasi pariatur harum cupiditate placeat quis minima. Numquam similique vitae asperiores.</p>
<p>Minus, doloremque, deleniti, at, aut explicabo fuga distinctio sunt ipsa rerum ducimus nulla veritatis perspiciatis libero fugit officiis itaque alias mollitia obcaecati voluptatibus porro esse ipsam voluptatem? Repudiandae, accusantium, ipsa.</p>
<p>Nemo, mollitia earum optio error quos odio ratione asperiores maiores aliquam ipsa impedit consequuntur aperiam ea debitis corrupti esse amet? Et magnam tempore qui explicabo labore voluptas suscipit harum voluptatibus?</p>
<p>Culpa, incidunt, eaque, provident, quaerat modi deserunt quasi aliquid recusandae porro voluptatum laborum excepturi dolor consectetur sapiente tempore quidem nobis sit in ratione libero omnis magnam mollitia sed quisquam est.</p>
<p>Quibusdam, culpa, itaque, recusandae nostrum eveniet ipsam laboriosam hic alias labore atque dolores maiores cumque iusto natus nihil est error tenetur animi fugit vero repellendus quasi maxime cum veniam aut?</p>

-->
</div>

html, body {height: 100%;}

body {color: white; 

/* 

background styles from https://css-tricks.com/examples/CSS3Gradient/ 
  
html and body settings from Paul O'Brien: http://community.sitepoint.com/t/is-there-a-way-to-have-a-gradient-match-the-actual-height-of-a-web-page/113115/19

*/

/* Safari 4-5, Chrome 1-9 */
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#1a82f7), to(#2F2727));

/* Safari 5.1, Chrome 10+ */
background: -webkit-linear-gradient(top, #2F2727, #1a82f7);

/* Firefox 3.6+ */
background: -moz-linear-gradient(top, #2F2727, #1a82f7);

/* IE 10 */
background: -ms-linear-gradient(top, #2F2727, #1a82f7);

/* Opera 11.10+ */
background: -o-linear-gradient(top, #2F2727, #1a82f7);
  
background-attachment: fixed;
}

.wrap {width: 60%; margin: 0 auto;}