/*I define the font type and font color in an external CSS file. I have also defined the background color as purple but since this is a cascading style sheet, I define the background color as green internally which takes precedence.*/
body {
  background-color: purple;
  font-family:garamond;
  color:black;
}  
/*These describe the characteristics of the background banner behind each of the text*/
#title {width:1400px; padding:10px; margin-right:auto; margin-left:auto; margin-top:2px; background-color:#fff; opacity:.75; font-size:72px; color:green; z-index:999; text-align: center;}
#description {width:1400px; padding:10px; margin-right:auto; margin-top:2px; background-color:#fff; opacity:.75;}
#ingredients {width:1400px; padding:10px; margin-right:auto; margin-top:2px; background-color:#fff; opacity:.75;}
#listofingredients {width:1400px; padding:10px; margin-right:auto; margin-top:2px; background-color:#fff; opacity:.75;}
#steps {width:1400px; padding:10px; margin-right:auto; margin-top:2px; background-color:#fff; opacity:.75;}
#listofsteps {width:1400px; padding:10px; margin-right:auto; margin-top:2px; background-color:#fff; opacity:.75;}
#waystoeat {width:1400px; padding:10px; margin-right:auto; margin-top:2px; background-color:#fff; opacity:.75;}
#listofwaystoeat {width:1400px; padding:10px; margin-right:auto; margin-top:2px; background-color:#fff; opacity:.75;}