(Crappy) Apple logo in CSS3 (Zero images!)

My failed attempt at trying to recreate the Apple logo in CSS3 with zero images. As you can see I still need to work on the gradients :P

This only works on Macs in Safari or Chrome because the apple logo was made using the glyph Apple text logo thing (that you get by pressing option + shift + k).

See the code here.