Well, you shouldnt be putting it in "various spots" just one, bottom of additional.css. The reason the text is showing and not the "effect" is because you put it in a template other than additional.css.
For future reference, any css code that is not going to be put in a *.css template, but a regular template MUST be wrapped in
<style type="text/css">
/* Enter your css here */
</style>
|