body {
  margin: 2em;          /* overall margin */
  margin-left: 10%;     /* left margin */
  margin-right: 10%;     /* right margin */
  color: black;         /* text color  ==> inheritance*/
  font: 0.8em/1.2em Verdana, sans-serif;   /* font-size/line-height, font-family */  
}
h1 {
    font-size: 2.2em;
    line-height: 2.2em;
    text-transform: capitalize;
    letter-spacing: 0.2em;   
}
p{
  color: black;         /* text color  ==> inheritance*/
  font: 1.2em/0.8em Verdana, sans-serif;   /* font-size/line-height, font-family */  
}
p.important{
  color: darkred;         /* text color  ==> inheritance*/
  font: 1.3em/1.0em Verdana, sans-serif;   /* font-size/line-height, font-family */
  font-weight: bold;
}
p.very_important{
  color: darkred;         /* text color  ==> inheritance*/
  font: 1.8em/1.8em Verdana, sans-serif;   /* font-size/line-height, font-family */
  font-weight: bold;
}
p.small{
  font: 1.0em/1.0em Verdana, sans-serif;   /* font-size/line-height, font-family */
  font-weight: bold;
}
p.very_small{
  font: 0.8em/1.0em Verdana, sans-serif;   /* font-size/line-height, font-family */
}

.darkred{
  color: darkred;
}
.darkgreen{
  color: darkgreen;
}
.italic{
  font-style: italic;
}