CSS Challenge

Put Your Skills to the Test

1. Give this line a blue background and set the font color to white

2. Change the font of this line to the Google Barrio Font

3. Change the background of the entire page to a picture of the Statue of Liberty

4. Make this line right justified

5. Set the font color of all the even numbered lines to #891464

6. When I hover my mouse over this line, make it turn orange and change fonts.

7. Make the font size of all paragraph elements 20px

8. Center this picture and make i take up half the width of the page, no matter how big or small the webpage is:

9. When I hover over the red box, make it turn blue.

10. When I hover over the blue box, make it transform into a circle

11. When I hover over the green box, replace it with a picture of a chicken