CSS Challenge

Come show off your skills!

Hint: CSS not working? Remember to connect your CSS file :)

1. Give this line a red 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 Golden Gate Bridge

4. Set the font color of all the even numbered lines to #0268CC

5. Set the font color of all the odd numbered lines to #DA149D

6. Make this line right justified

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

8. Center the Mission Bit logo and make it take up half the width of the page, no matter how big or small the webpage is, and link it to the missionbit.org website:

Mission Bit

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