body {
    /* background-color: pink; */
    /*
    Hint: use the following text properties:
    font-family, font-size, line-height, color, font-size, text-transform, letter-spacing
    */
    font-family: Arial, Helvetica, sans-serif;
    font-size: 2em;
    line-height: 1.5em;
}

/*

Your tasks:
1. Body copy: 
   apply some styling to the body text of your HTML page. 
   Experiment with some following text properties:
       font-family, font-size, line-height, color, font-size, 
       text-transform, letter-spacing

2. Create some spacing between the article tags
   Hint: use the margin and padding properties

3. Style the navigation bar.
   Hint: use the following text properties:
     background-color, padding

4. Style the img tag and see if you can make it look like it’s sitting in a picture frame.
   Hint: use the following box-model properties: 
     padding, border, border-radius, box-shadow, width

5. Create a class that, when applied, turns the text to hot pink.
   Style the links (anchor tag) by experimenting with 
   the :hover keyword/pseudo-class, so when you hover over it, 
   the underline disappears.

   Hint: check out this example:
      https://www.w3schools.com/cssref/sel_hover.asp 

6. Style the h1 and h2 tags so that they use Google fonts:

   Hint: check out these resources:
     * https://eecs130.github.io/spring2022/css-reference/fonts/
     * https://www.w3schools.com/css/css_font_google.asp 

*/