Take out the top line also that started that code. When you transfer your CSS from the HTML page you don't need to declare the Script section at all, just copy the raw CSS itself and skip the:
<style type="text/css">
</style>
part, so delete that first line and the last line that shows those 2 items above and you should be fine.
**EDITED BY ME LOL**
After I typed that above I realized you're using it within the HTML page itself so you do need what I have above. You would be much better off not doing it the way you're trying to and just create a CSS page to put your code in.
Create a new page in the HTML Editor or whatever program you use for basic text editing. Save it as something like:
style.css
Now inside that page put the code without all the style tags as mentioned above in my original part of my post.
Now in your HTML Pages at the top in the Head area create a link like so:
<link href="style.css" rel="stylesheet" type="text/css" />
Put that style.css right in your root site directory or you can create a folder named css for it and put it in there, just change the link above to reflect the actual location like so:
<link href="css/style.css" rel="stylesheet" type="text/css" />
Now you can use those style tags on all the pages that you include the above link in. This makes only one place to have to edit rather than needing to edit each page's css tags.