Trying to add a "Box Shadow" for Content area

Hello ... I'm trying to add a small "Box Shadow" to the Content area.

I've successfully added a small "Box Shadow" to the Sidebar widgets with the following code in the "Additional CSS" area;

.sidebar .widget { box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.5); }

For a Content area Box Shadow, I've tried adding the following to "Additional CSS" but it doesn't work;

.content { box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.5); }

.... is it possible to get a quick hack/fix to my ".content" box shadow code?