Open the code4-2_grad.css file. Create a style rule for the article element that adds a black inset box shadow with a horizontal and vertical offset of 0 pixels, a blur radius of 50 pixels, and a size of 20 pixels.
article {
box-shadow: 0px 0px 50px 20px black inset;
border-radius: 150px;
background-image: url("landscape.png");
background-repeat: no-repeat;
background-position: right bottom;
background-size: 100%;
background-image: linear-gradient(165deg, black, rgb(0, 0, 200) 65%, rgb(211, 0, 55) 75%, orange 80%, yellow 82%);
}
Create a style rule for the article element that sets the radius of the border corners to 150 pixels.
Add the following multiple backgrounds:
1. A background containing the image file landscape.png placed with no tiling at the bottom right corner of the element with a size of 100%
2. A linear gradient at an angle of 165 degrees that goes from black to the color value rgb(0, 0, 200) with a color stop of 65% to rgb(211, 0, 55) with a color stop of 75%, to orange with a color stop of 80%, and finally to yellow with a color stop of 82%.
This step must be completed before any styles are applied to the h1, h2, or p elements.