<article>
  <h1>Come in, and shut the door, it's cold out there!</h1>
  <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Eum quas quae dolores iure incidunt, repudiandae dolorum quasi neque, quod nobis voluptas, labore possimus, vel libero assumenda atque eveniet. Eum, omnis!</p>
  <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Eum quas quae dolores iure incidunt, repudiandae dolorum quasi neque, quod nobis voluptas, labore possimus, vel libero assumenda atque eveniet. Eum, omnis!</p>
  <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Eum quas quae dolores iure incidunt, repudiandae dolorum quasi neque, quod nobis voluptas, labore possimus, vel libero assumenda atque eveniet. Eum, omnis!</p>
  <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Eum quas quae dolores iure incidunt, repudiandae dolorum quasi neque, quod nobis voluptas, labore possimus, vel libero assumenda atque eveniet. Eum, omnis!</p>
  <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Eum quas quae dolores iure incidunt, repudiandae dolorum quasi neque, quod nobis voluptas, labore possimus, vel libero assumenda atque eveniet. Eum, omnis!</p>
  <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Eum quas quae dolores iure incidunt, repudiandae dolorum quasi neque, quod nobis voluptas, labore possimus, vel libero assumenda atque eveniet. Eum, omnis!</p>
  <p><strong>Oh yes, Zell plays hearthstone. Send him an email if you want to connect and play! :)</strong></p>
</article>

html {
  font-size: 1.125em;
  line-height: 1.4; // This is 25.2px to be accurate
}

// Resets margins
body, h1, p {
  margin: 0;
}

article {
  max-width: 42em;
  margin: 0 auto;
}


h1 {
  font-size: 3.5082em; // 63.147 ÷ 18 = 3.5em 
  line-height: 1.1972; // 75.6 ÷ 63.147 =  1.1972
  margin: 0.3991em 0; // 25.2 – 63.147 = 0.3991

  // display: none;
}

p + p {
  margin-top: 1.4em;
}


$vr: 25.2px;
body {
  background: repeating-linear-gradient(to bottom, white 0px, white #{$vr - 1px}, black $vr)
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.