<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/* x.css 
   Put more general elements, like body, first in css
   Put more specific elements, like h2, later in css
*/

body {
  background-image: url('../images/beachballs.png');  
}

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;
}

</pre></body></html>