html, body { height: 100%; margin: 0; } body { background-color: #0099FF; font-family: Arial, Helvetica, sans-serif; font-size: medium; line-height: 1.6rem; color: #222; margin: 0 auto; max-width: 950px; } a:link, a:visited { color: #006699; } a:hover, a:active { color: #0099FF; } h1 { font-size: 24pt; } h2 { font-size: 14pt; } img { max-width: 100%; height: auto; } img.circle { border-radius: 50%; } header { position: fixed; top: 0; left: 0; right: 0; line-height: 3rem; background-color: rgba(255, 153, 255, 0.8); box-shadow: 0px 2px 2px #000; } header h1 { margin: 0; font-size: larger; font-style: italic; } header nav { max-width: 860px; margin: 0 auto; padding: 0 2rem; font-size: large; } header nav ul { list-style: none; float: right; margin: 0; } header nav ul li { display: inline; padding-left: 8px; } header nav a { color: #000 !important; font-weight: bold; text-decoration: none; } main { min-height: 100%; margin: 0 24px; background-color: #FFF; box-shadow: 0px 0px 4px #000; } section { padding: 2rem; } section.first { padding-top: 4rem; } footer { max-width: 860px; padding: 0 4rem; margin: 2rem auto; color: #036; font-weight: bold; text-align: center; font-style: italic; } .center { display: block; text-align: center; margin-left: auto; margin-right: auto; }