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

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

tr:nth-child (even) {background:#CCC}

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

tr:nth-child(odd) {background: #FFF} {color: #DA149D} 6. Make this line right justified

text-align: right; 7. Make the font size of all paragraph elements 24px

font-size: 24 px 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:

#center display: block; 9. When I hover over the red box, make it turn blue.

#center display: block;

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

transform: circle;