changing fonts and colors

Hi again!
Couple more questions~

1) I would like to change the accent color (not sure that’s the proper term) on the “add to cart” button in my Shop page. There are two boxes, one over the other, “view details” and “add to cart” respectively. Both are a somewhat transparent dark color when I bring the cursor near and then when I hover right over the “add to cart” button it turns a fully opaque light gray color. This is the color I’d like to change, probably to a common color I’m using throughout my website: #d0e693

Here is the URL for my shop page so you can see these boxes over products: http://fjarildesignscom.fatcow.com/dev1/shop/

2) I’d like to change the upper left of my “home” page. Specifically I’d like to change the font of my business name, Fjaril Designs, to the google font, Calligraffitti . Additionally, I’d like to know how I could play around with other color options for this text. Lastly, Would it possible to have both my business name there as well as a small version of my logo there?
here’s the url for my home page: http://fjarildesignscom.fatcow.com/dev1/

*Please keep this message private as my site isn’t finished and live yet. Thank you so much for your help!