I created two CSS files - the first one is called generic.css and this is where I put most of my CSS. The second file, named.css is where I put page specific CSS. For example, this is where I put the tiny images that tile for one of my background images and the gradient background.

For my visual hierarchy, I used relative font sizes. 200% for the H1, 150% for the H2 and 100% for the body. For the H1 color, I used a deep green and for H2 I used a deep blue. For the body, I used a color very close to black for nice contrast with the background color and to make it as readable as possible. I used a Google font called "Jost" of H1, reminiscent of Futura. For H2, I used a serif font since serif is a bit harder to read. I used a sans serif external font for body called Alata.