***I have the files needed for the remainder of the assignment. I just need help setting up the style sheet.*** 3. Go to the sd_effects.css file in your editor. Andrew wants you to create a fixed background for the browser window. Withinthe HTML Styles section, insert a style rule for the html element to display the sd_back1.png file as the background imagewith a width of 100% covering the entire browser window. Have the background image fixed so that it does not scroll with thebrowser window.4. Andrew wants the web page body background to combine several images and effects. Go to the Body Styles section andcreate a style rule for the body element that adds the following backgrounds in the order listed:a. A background containing the night sky image, sd_back2.pngb. A radial gradient circle with a size extending to the closest corner and placed at the coordinates (40%, 70%) containingthe color white stopping at 15% of the gradient and the color value rgba(151, 151, 151, 0.5) stopping at 50%c. A radial gradient circle also extending to the closest corner and placed at (80%, 40%) containing the color whitestopping at 15% and followed by the color rgba(0, 0, 0, 0) at 30%d. A radial gradient extending to the closest side and placed at (10%, 20% ) containing the color white stopping at 20% andfollowed by the color rgba(0, 0, 0, 0) stopping at 45%e. A radial gradient with a size of 5% in the horizontal and vertical directions placed at (90%, 10%) with the color whitestopping at 15% and followed by the color rgba(0, 0, 0, 0) stopping at 40%f. The background color rgb(151, 151, 151) set as a base for the preceding background image and radial gradients5. Within the style rule for the page body, add styles to place box shadows on the left and right borders. Set the color of the firstshadow to rgb(31, 31, 31) with horizontal and vertical offsets of 30 pixels and 0 pixels and a blur of 45 pixels. Set the secondshadow equal to the first except that the horizontal offset should be -30 pixels.6. Go to the Navigation List Styles section. Format the hypertext links in the body header by adding a style rule for the bodyheader a that adds a 5-pixel outset border with color value rgb(211, 211, 255).7. Next, format the appearance of the article title. Go to the Section Left Styles section and create a style rule for the h1 headingin the left section article that changes the text color to rgb(211, 211, 211) and adds a black text shadow with 0-pixel offsetsand a blur size of 5 pixels.8. Andrew has included an image of Charles Messier, the originator of the Messier catalog of stellar objects. The image ismarked with the id "mportrait". In the Section Left Styles section, create a style rule for this object that modifies theappearance of this image by applying the following filters: a) the drop-shadow filter with a horizontal offset of -15 pixels, ablur of 5 pixels, and a color of rgba(51, 51, 51, 0.9); b) a grayscale filter with a value of 0.7; and c) an opacity filter with a valueof 0.6.9. Andrew wants the Charles Messier image flipped horizontally. Add a style to transform the image by rotating it 180° aroundthe y-axis.10. Go to the Footer Styles section and create a style rule for the footer element that adds a 2-pixel solid border to the top edgeof the footer with a color value of rgb(171, 171, 171).11. Save your changes to the style sheet file and then open sd_messier.html in your browser. Verify that the design of the pageresembles that shown below. Verify that when you scroll through the web page, the browser window background stays fixed.(Note: Some versions of Internet Explorer do not support the filter style, which means that you will not see modifications tothe Charles Messier image.)

Question

***I have the files needed for the remainder of the assignment. I just need help setting up the style sheet.*** 3. Go to the sd_effects.css file in your editor. Andrew wants you to create a fixed background for the browser window. Withinthe HTML Styles section, insert a style rule for the html element to display the sd_back1.png file as the background imagewith a width of 100% covering the entire browser window. Have the background image fixed so that it does not scroll with thebrowser window.4. Andrew wants the web page body background to combine several images and effects. Go to the Body Styles section andcreate a style rule for the body element that adds the following backgrounds in the order listed:a. A background containing the night sky image, sd_back2.pngb. A radial gradient circle with a size extending to the closest corner and placed at the coordinates (40%, 70%) containingthe color white stopping at 15% of the gradient and the color value rgba(151, 151, 151, 0.5) stopping at 50%c. A radial gradient circle also extending to the closest corner and placed at (80%, 40%) containing the color whitestopping at 15% and followed by the color rgba(0, 0, 0, 0) at 30%d. A radial gradient extending to the closest side and placed at (10%, 20% ) containing the color white stopping at 20% andfollowed by the color rgba(0, 0, 0, 0) stopping at 45%e. A radial gradient with a size of 5% in the horizontal and vertical directions placed at (90%, 10%) with the color whitestopping at 15% and followed by the color rgba(0, 0, 0, 0) stopping at 40%f. The background color rgb(151, 151, 151) set as a base for the preceding background image and radial gradients5. Within the style rule for the page body, add styles to place box shadows on the left and right borders. Set the color of the firstshadow to rgb(31, 31, 31) with horizontal and vertical offsets of 30 pixels and 0 pixels and a blur of 45 pixels. Set the secondshadow equal to the first except that the horizontal offset should be -30 pixels.6. Go to the Navigation List Styles section. Format the hypertext links in the body header by adding a style rule for the body>header a that adds a 5-pixel outset border with color value rgb(211, 211, 255).7. Next, format the appearance of the article title. Go to the Section Left Styles section and create a style rule for the h1 headingin the left section article that changes the text color to rgb(211, 211, 211) and adds a black text shadow with 0-pixel offsetsand a blur size of 5 pixels.8. Andrew has included an image of Charles Messier, the originator of the Messier catalog of stellar objects. The image ismarked with the id &#34;mportrait&#34;. In the Section Left Styles section, create a style rule for this object that modifies theappearance of this image by applying the following filters: a) the drop-shadow filter with a horizontal offset of -15 pixels, ablur of 5 pixels, and a color of rgba(51, 51, 51, 0.9); b) a grayscale filter with a value of 0.7; and c) an opacity filter with a valueof 0.6.9. Andrew wants the Charles Messier image flipped horizontally. Add a style to transform the image by rotating it 180° aroundthe y-axis.10. Go to the Footer Styles section and create a style rule for the footer element that adds a 2-pixel solid border to the top edgeof the footer with a color value of rgb(171, 171, 171).11. Save your changes to the style sheet file and then open sd_messier.html in your browser. Verify that the design of the pageresembles that shown below. Verify that when you scroll through the web page, the browser window background stays fixed.(Note: Some versions of Internet Explorer do not support the filter style, which means that you will not see modifications tothe Charles Messier image.)

Accepted Answer

Here, Andrew wants you to create a fixed background for the browser window and he wants the web page…