body {
font-family: Arial, sans-serif;
font-size: 16px;
line-height: 1.5em;
background: hsl( 360, 15%, 17% );
color: white;
padding: 0;
margin: 0;
overflow-x: hidden;
-webkit-transition: background-color 1s linear;
-moz-transition: background-color 1s linear;
-o-transition: background-color 1s linear;
transition: background-color 1s linear;
}

h1, h2, h3 {
font-weight: 300;
}

.color0 {
	background-color: hsl( 0, 15%, 17% ); 
}
.color1 { 
	background-color: hsl( 20, 15%, 17% ); 
}
.color2 { 
	background-color: hsl( 30, 15%, 17% ); 
}
.color3 { 
	background-color: hsl( 60, 15%, 17% ); 
}
.color4 { 
	background-color: hsl( 80, 15%, 17% ); 
}
.color5 { 
	background-color: hsl( 100, 15%, 17% ); 
}
.color6 { 
	background-color: hsl( 120, 15%, 17% ); 
}
.color7 { 
	background-color: hsl( 140, 15%, 17% ); 
}
.color8 { 
	background-color: hsl( 160, 15%, 17% );
}
.color9 { 
	background-color: hsl( 180, 15%, 17% ); 
}
.color10 { 
	background-color: hsl( 200, 15%, 17% ); 
}
.color11 { 
	background-color: hsl( 220, 15%, 17% ); 
}
.color12 { 
	background-color: hsl( 240, 15%, 17% ); 
}
.color13 { 
	background-color: hsl( 260, 15%, 17% ); 
}
.color14 { 
	background-color: hsl( 280, 15%, 17% ); 
}
.color15 { 
	background-color: hsl( 300, 15%, 17% ); 
}
.color16 { 
	background-color: hsl( 320, 15%, 17% ); 
}
.color17 { 
	background-color: hsl( 340, 15%, 17% ); 
}
.color18 { 
	background-color: hsl( 360, 15%, 17% );
}

body > ul,
body > ol {
margin-left: 1.5em;
}
h2 {
margin-top: 2.0em;
padding-top: 0.6em;
border-top: 6px solid hsla( 0, 0%, 0%, 0.1 );
}
h3 {
margin-top: 0.4em;
padding-top: 0.4em;
border-top: 1px solid hsla( 0, 0%, 0%, 0.15 );
}
blockquote {
background: hsla( 0, 0%, 100%, 0.1 );
padding: 0.5em;
margin: 0 40px;
}
.follow {
font-size: 1.6em;
font-weight: 300;
line-height: 1.5em;
}

a:link {color:#CCCCCC}
a:visited {color:#FFFFFF}
a:hover {color:#999999}
a:active {color:#FFFFFF}