Untitled

<html>
  <head>
    <style type="text/css">
    	body {
    		padding: 10px;
    	}

    	h1 {
    		font-family: Ariel;
    		font-size: 15px;
    		color: red;
    	}

    	#first {
    		background-color: blue;
    	}

    	.first {
    		background-color: yellow;
    	}

    	.patches {
    		background-color: green;
    	}
    </style>
  </head>
  <body>
  	<h1>Giraffes</h1>

  	<p id="first" class="location">The giraffe is a very tall animal that lives in Africa.</p>

  	<p class="patches">The giraffe has patches of colour on it's fur.</p>
  </body>
</html>