Youll configure text$-$shadow and box$-$shadow in this Hands$-$On Practice. When complete, your web page will look similar to the one shown in Figure $6\mathrm{.}16.$ Create a new folder called shadowch$6.$ Copy the index.html$,$ lighthouselogo.jpg$,$ and the background.jpg files from the chapter$6/6\mathrm{.}4$ folder to your shadowch$6$ folder. Launch a text editor and open the index.html file.

Edit the embedded CSS and add the following style declarations to the #container selector to configure a box shadow:

box$-$shadow: $5$px $5$px $5$px #$1$E$1$E$1$E;Add the following style declaration to the h$1$ element selector to configure a dark gray text shadow:

text$-$shadow: $3$px $3$px $3$px #$676767$;Add the following style declaration to the h$2$ element selector to configure a light gray text shadow with no blur: text$-$shadow: $1$px $1$px $0$ #CCC;

Save the file. When you test your index.html file in a browser, it should look similar to the one shown in Figure $6\mathrm{.}16$ if you are using a browser that supports the box$-$shadow and text$-$shadow properties. Otherwise, the shadows will not display, but the web page will still be usable. See the student files for a solution $($chapter$6/6\mathrm{.}5/$index$.$html$).$