/* xx.css 
   Put more general elements, like body, first in css
   Put more specific elements, like h2, later in css
*/

body {
  content: url('../images/beachballs.png');
  opacity: 0.35; 
  z-index: -1; 
}

h1 {
  font: normal bold 2.25em/2.75em Georgia, serif;
  color: blue;
}

h2 {
  font: normal bold 1.5em/2.0em Georgia, serif;
  color: blue;
}
	
/* html attribute class="hide" turns an element invisible */
/* In css, the . means class  */

.hide {
  display: none;
}