GoldenRatioTypographyAndVerticalRhythm.css

*{
  margin: 0;
  padding: 0;
}

/*
Font size: 12
Line height: 1.5
Scale Factor: 1.618
*/


/*Vertical Rhythm*/
html{
  font-size: 12px;
}
h1, h2, h3, h4, h5, h6, p{
  margin: 1.5rem 0; /* Line height * 1 */
}

h1{
  font-size: 4.236rem; /* FontSize * (ScaleFactor ** 3) */
  line-height: 6rem; /* LineHeight * 4 */
}

h2{
  font-size: 2.618rem; /* FontSize * (ScaleFactor ** 2) */
  line-height: 4.5rem; /* LineHeight * 3 */
}

h3{
  font-size: 1.618rem; /* FontSize * (ScaleFactor ** 1) */
  line-height: 3rem; /* LineHeight * 2 */
}

h4,h5,h6,p{
  font-size: 1rem; /* FontSize * (ScaleFactor ** 0) */
  line-height: 1.5rem; /* LineHeight * 1 */
}