I need help with css

1. Configure the universal selector with a box-sizing: border-box style declaration.

* { box-sizing: border-box; }

2. Configure styles for the hero image on each page.

Configure styles for the id selector named homehero. Set background-size to 100% 100%.

Configure an id selector named heromugs. Configure the styles similar to the homehero id. Set the background image to heromugs. ipg.

Configure an id selector named heroguitar. Configure the styles similar to the homehero id. Set the background image to heroguitar. jpg.

Edit the style rules for the main selector. Change left padding to 0. Change right padding to 0. Also configure a 200px left margin, 0 top padding, and #FEF6C2 background color. To allow for the main element to contain floated elements, set overflow to auto.

Since the main content area no longer has any left or right padding, configure descendant selectors to configure style rules for the following elements within the main element: h2, h3, h4, p, div, ul, dl. Set left padding to 3em and right padding to 2em.

Configure the left-column navigation area. Add style declarations to the nav element selector to configure an area that floats to the left and is 200 pixels wide.

Configure the : link, :visited, and : hover pseudo-classes for the navigation hyperlinks. Use the following text colors: #FEF6C2 (unvisited hyperlinks), #D2B48C (visited hyperlinks), and #CC9933 (hyperlinks with : hover).

You will organize the navigation hyperlinks within an unordered list in later tasks. The navigation area in Figure 6.55L does not show list markers. Code a nav ul descendant selector to configure unordered lists in the navigation area to display without list markers and with 0 left padding.

Modify the wrapper id. Configure a dark background color (#231814) which will display behind the column with the navigation area. Also set padding to 0.

Modify the header element selector style rules. Remove the declaration for text-align. Set the background image to coffeelogo.jpg. Configure this image to not repeat. Set left padding to 240px. Change the text color to #231814.

Modify the h4 element selector style rules. View the Music page shown in Figure 6.57 and notice that the

tags are styled differently, with all uppercase text (use text-transform), a bottom border, and 0 bottom padding. Also configure a style declaration to clear floats on the left.

Refer to the Music page shown in Figure 6.57 and notice how the images float on the left side of the paragraph description. Configure a new class named floatleft that floats to the left with 2em of right and bottom padding.

Modify the style rules for the details class and add the overflow: auto; style declaration.

Configure a style rule for a class named onethird. Set left float and 33% width.

Configure hyperlinks in the header area. Use descendant selectors to configure hyperlinks within the header element with no underline, dark brown (#231814) text color for the : link and : visited pseudo-classes, and rust (#FE6C2) text color for the : hover pseudo-class. Save the javajam.css file.