/*
The body tag contains  criteria which are:
text-color
font-family
background-color
text-size
font-style
*/ 
body {
background-color:#d6d6ff;
color:#000000;
font-family:sans-serif;
font-size: 20px;
font-style:bold;
}
/*
The following selector meets the criteria to have the border
*/
h1{
border-bottom:1px;
border-left:0px;
border-right:0px;
border-top:0px;
border-color:#000000;
border-style:solid;
}
/*
The following selector meets the criteria to have at least one rule that applies to more than one selector
AND to have at least one rule that overrides an inherited style
The following also represents the HEX and COLOR names
*/
h1, h2 {
color:grey;
}
#directions{
color:#FFFFFF;
}
/*
The following all meet the criteria that makes all the elixer text the particular color
*/
#cranberry{
color: maroon;
}
#greentea {
color: green;
}
#raspberry {
color: blue;
}
#blueberry {
color: purple;
}