Untitled

<!DOCTYPE html>
<html lang="en" dir="ltr">
  <head>
    <meta charset="utf-8">
    <title>Css Classes project</title>
  <style type="text/css">
    #headline {text-align: center; color: blue;}
    .emphasis {font-style: italic;}
    .important-point {text-decoration: underline;}
    h2 {text-align:center;}
    .place-description {font-family: Verdana; color: purple;}
    .person-description {color: purple;}
    .top-favorite {font-weight: bold; color: red;}
    </style>
  </head>
  <h2 id="">Howdy</h2>
  <h1 id="headline"> Main Headline!</h1>
  <body>
  <p class="place-description">Places i would like to visit: <span class="important-point">Home</span> </p>
  <p class="person-description">Person i admire: me</p>
  <ol>
  <li class="top-favorite"><span class="emphasis">apple</span></li>
  <li class="top-favorite">watermelon</li>
  <li class="top-favorite">cantaloupe</li>
  <li class="top-favorite">grape</li>
  <li class="top-favorite">pear</li>
  </ol>
  </body>
</html>