Css Styles

[lefox]

I'm trying to get a handle of CSS so I was wondering if you any one could explain where the:

Code:

<p><a class=<strong>"btn btn-primary "</strong> href="profile.php?id=<?=$get_info_id;?>" role="button">Public Profile</a></p>

the "btn btn-primary"

is define.

Also when I look at the color scheme they seem to refer to a font file:

Code:

@import url(https://fonts.googleapis.com/css?family=News+Cycle:400,700);/*!

does this font file define the colors of buttons?

I was hoping to making some custom buttons or even just get a better idea of how CSS works. As always any help is appreciated!