Typographic module (simplified)

em-vs-rems-typography-module.css

.entry {
  margin: 0;
  padding: 0;
  overflow: hidden;
  width: auto;
  font-size: 1.5em;
  line-height: 1.333333333333333em;
  position: relative;
}
.entry .entry {
  font-size: 1em;
}
.entry p {
  margin: 0 0 1.333333333333333em
}
.entry img {
  display: block;
  margin: 1em auto;
}
.entry img.right {
  float: right;
  margin: 0 0 1.333333333333333em 1em;
}
.entry img.left {
  float: left;
  margin: 0 1em 1.333333333333333em 0;
}
.entry strong,
.entry b {
  font-weight: bold;
}
.entry cite,
.entry em,
.entry i {
  font-style: italic
}
.entry cite {
  color: #888
}
.entry h1,
.entry h2,
.entry h3,
.entry h4,
.entry h5,
.entry h6 {
  font-size: 2.666666666666667em;
  clear: both;
  line-height: 1.2em;
  margin: 0.75em 0 0.4em;
  color:#222;
  font-weight: normal;
}
.entry h2 {
  font-size: 2em
}
.entry h3 {
  font-size: 1.666666666666667em
}
.entry h4 {
  font-size: 1.333333333333333em;
  font-weight: bold;
}
.entry h5,
.entry h6 {
  font-size: 1em;
  font-weight: bold;
}
.entry code, 
.entry pre {
  font-size:1.25em;
}
.entry table {
  margin: 0 0 1.333333333333333em;
  width: 100%;
}
.entry table th,
.entry table td {
  padding: 5px 10px;
  text-align: left;
}
.entry table th,
.entry table thead td {
  color: #161616;
  font-weight:bold;
}
}
.entry blockquote {
  margin: 1.333333333333333em 4em 1.333333333333333em 2em;
  padding: 1em;
  border-left: 0.5em solid #ddd;
}
.entry blockquote>:last-child {
  margin-bottom: 0
}
.entry ul,
.entry ol {
  list-style-type: decimal;
  margin-bottom: 1.333333333333333em;
}
.entry ul {
  list-style-type: disc;
}
.entry li {
  margin: 0 0 0.6666666667em 2em
}
.entry>:last-child {
  margin-bottom: 0
}
.entry a {
  text-decoration: underline
}
.entry a:hover {
  text-decoration: none
}