how to create style rule for the body element to add two box

how to create style rule for the body element to add two box shadows. one shadow should be placed on the right edge of the page body with the color value (211, 211, 211) and an opacity of 0.5. set the horizontal offset to 10 pixels, the vertical offset to 0 pixels and the blur to 15 pixels. create the same drop shadow on the left edge ofthe body page as well.

Solution

div {
width: 300px;
height: 100px;
background-color: yellow;
box-shadow: 10px 5px rgba(211, 211, 211, 0.5) ,-10px 5px rgba(211, 211, 211, 0.5) ;
h-shadow: 10px; //Horizontal Offset
v-shadow: 0px; //Vertical Offset
blur: 15px; //Blur
}