body {
font-size: 12pt;
font-family: sans-serif;
color: black;
background-color: orange;
}
/*
Changed the background color for the body, changed the text
color, added the font-family for the body.
*/
h1, h2 {
color: black;
}
/*
Rule that applies to more than one selector.
*/
h1 {
border-bottom: 1px solid black;
}
/*
Specifies the bottom-border for h1.
*/
em {
color: white;
}
/*
Rule that overrides an inherited style.
*/
p.greentea {
color: green;
}
p.raspberry {
color: blue;
}
p.blueberry {
color: purple
}
p.cranberry {
color: red;
}
/*
Added classes to elixirs and colored them appropriatly.
*/