Using the attached HTML document, create CSS that will accomplish the following:
The first letter of an article's main text receives Times New Roman font, with 36px size. The "Read More" is unaffected. Each link that points to Google (i.e. the "Read More" links) each display the following arrowarrow.png to the right of it. Note: this arrow was sourced from Wikipedia. Each article begins with lightly-colored text; when the user moves their cursor over it, the text becomes darker and the article expands. This should occur over 2 seconds. When the user moves their cursor away from an article, it should go back to the way it originally was. This should occur over 2 seconds. When the user moves their cursor over a navigation button, the background color changes. When the user moves their cursor over the "Recent Articles" navigation button, a list of links to the articles appears. When the user moves their cursor over a link in the list from the previous requirement, the font color and background color change.
Original Presentation:
Cursor goes over a navigation button; if Recent Articles, jump menu displayed:
Cursor goes over a jump menu item:
Cursor goes over an article:
