CSS3 a 3D font with a shadow effect

The effect diagram is as follows:

The source code is as follows:

<! DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 transitional//en" "Http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd "> 
 
STYLE.CSS:


body{background: #d5d5d5;} #wrapper {width:960px;
	min-height:500px;
	padding:50px 10px 0 10px;
        margin:0 Auto;
Text-align:center;
    } #wrapper h1{font:normal 60pt Arial;
    Color: #FFFFFF;
               text-shadow:0 1px 0 #ccc, 0 2px 0 #c9c9c9, 0 3px 0 #bbb, 0 4px 0 #b9b9b9,
               0 5px 0 #aaa, 0 6px 1px rgba (0,0,0,.1), 0 0 5px Rgba (0,0,0,.1),
               0 1px 3px Rgba (0,0,0,.3), 0 3px 5px Rgba (0,0,0,.2), 0 5px 10px rgba (0,0,0,.25),
0 10px 10px Rgba (0,0,0,.2), 0 20px 20px Rgba (0,0,0,.15);
    } #wrapper p{font:normal 40pt Arial;
    Color: #FFFFFF;
               text-shadow:0 1px 0 #ccc, 0 2px 0 #c9c9c9, 0 3px 0 #bbb, 0 4px 0 #b9b9b9,
               0 5px 0 #aaa, 0 6px 1px rgba (0,0,0,.1), 0 0 5px Rgba (0,0,0,.1),
         0 1px 3px Rgba (0,0,0,.3),      0 3px 5px Rgba (0,0,0,.2), 0 5px 10px rgba (0,0,0,.25), 0 10px 10px rgba (0,0,0,.2),
0 20px 20px Rgba (0,0,0,.15); }