Star Spangle Banner CSS Page

After learning about CSS and in preparation for the upcoming July 4th holiday, we are going to style up a page using only CSS. So, read the directions carefully and do your best. If you need a refresher of CSS you can go HERE, HERE, or HERE. OR how to attach an external style sheet HERE

Directions:

1. Open the file HERE. View the source code and save it in your folder as "css_usa_page.html"
2. DO NOT TYPE IN CSS_USS_PAGE.HTML!
3. You need to create CSS rules for these items in an external stylesheet called flag_css.css. After that, put in the proper properties for each:

   CSS RULES	WHAT TO DO WITH THEM
   body	left and right padding of about 10% each -change text color, background, font, etc.
   h1	at least 3 properties
   h2	at least 3 properties
   h3	at least 3 properties
   p	whatever you want
   img	resize, align, and enjoy :-)
   ul	whatever you want, make it look nice
   a:link	pick a good color that goes with the background then add 1-2 more properties
   a:visited	pick a good color that goes with the background then add 1-2 more properties
   a:hover	pick a good color that goes with the background then add 1-2 more properties
   a:active	pick a good color that goes with the background then add 1-2 more properties
   table	border style of solid & border color of black (you can change the border width, IF it looks good)
   Class of "red"	make the background red , width of 300px, & height of 15px
   Class of "stars"	make the background THIS IMAGE & width of 148px
   Class of "white"	make the background white & height of 15px
   Class of "flagtable"	center everything in this class
   Class of "flaganimated"	change the position of this class in any way you like

4. The html contains more classes if you want to get creative.
5. You can always add more properties if you wish but be sure to do the requested changes.
6. Make sure the text is easy to read and the page looks professional.
7. Pat yourself on the back, you're done!