JSFiddle - React, Tailwind, and code Playground

HTML

<html>
  <body>
    <h1>Scroll down!</h1>
      <p>This is a demo for a <a href="http://graphicdesign.stackexchange.com/q/15981/9963" title="Creating a pattern from an image">question</a> on Stack Exchange.</p>
    <p>Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Donec sed odio dui. Donec sed odio dui. Cras mattis consectetur purus sit amet fermentum. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor.</p>
    <p>Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Maecenas sed diam eget risus varius blandit sit amet non magna. Vestibulum id ligula porta felis euismod semper. Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Vestibulum id ligula porta felis euismod semper.</p>
  </body>
</html>

CSS

body {
  padding-top: 5em;
  font-size: 12pt;
  width: 40em;
  height: 100em;
  margin: auto;
  background-image: url("http://i.stack.imgur.com/jE4iP.jpg");
  color: rgba(250,245,190,0.8);
  text-shadow: 2px 2px rgba(0,0,0,0.25);
}
p {
  line-height: 1.25;
  width: 45em;
}
blockquote {
  margin: 1.5em;
  text-align: justify;
}
a, a:visited, a:link, a:hover, a:focus {
    color: rgba(255,195,140,0.8);
}
a:active {
    color: rgba(255,225,170,0.8);
}