/**************
|  style.css  |
**************/

*, html, body {
  font-family: Arial, Helvetica, sans-serif;
  box-sizing: border-box;
  padding: 0;
  margin: 0;
}

.container {
  text-align: center;
  margin: 0 auto;
  width: 95%;
}

h1 {
  text-shadow: 2px 2px 5px black;
  margin: 10px 4px;
}

h2 {
  color: black;
  font-size: 36px;
  padding-bottom: 10px;
}

em {
  color: mediumblue;
  font-style: normal;
}

/* absolute font sizes */

.in {
  font-size: 0.5in; /* inches */
  color: red;
}

.cm {
  font-size: 1.27cm; /* centimeters */
  color: yellow;
}

.mm {
  font-size: 12.7mm; /* millimeters */
  color: lime;
}

.qm {
  font-size: 50.8Q; /* quarter millimeters */
  color: cyan;
}

.pt {
  font-size: 36pt; /* points */
  color: blue;
}

.pc {
  font-size: 3pc; /* picas */
  color: magenta;
}

.px {
  font-size: 48px; /* px */
  color: red;
}