html {
	/* customize_page_background */background-color: #555555;/* customize_page_background */
}

.site-name a {
	/* customize_site_name */color: #ececec;/* customize_site_name */
}

.navigation li a {
	/* customize_nav_color */color: #ffffff;/* customize_nav_color */
}

.main-container a {
	/* customize_link_color */color: #ececec;/* customize_link_color */
}

.main-container a:hover {
	/* customize_link_hover_color */color: #ffab00;/* customize_link_hover_color */
}
.content {
	/* customize_text_color */color: #f0f0f0;/* customize_text_color */
}

#site {
	font: 0.9em/1.4em "Inter", sans-serif;
	font-weight:300;
}
.main-container h1 {
	font-size: 2.6em;
}

.main-container  h2 {
	font-size: 2.2em;
}

.main-container h3 {
	font-size: 2.0em;
}

.main-container h4 {
	font-size: 1.8em;
}

.main-container  h5 {
	font-size: 1.6em;
}

.main-container  h6 {
	font-size: 1.4em;
}

.hcbutton {
	display: inline-block;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	/* font: 14px/100% Arial, Helvetica, sans-serif; */
	padding: 4px 6px 4px 6px;
	margin: 4px;
	text-shadow: 0 1px 1px rgba(0, 0, 0, .3);
	-webkit-border-radius: .5em;
	-moz-border-radius: .5em;
	border-radius: .5em;

	-webkit-box-shadow: inset 0 0 5px #333;
	-moz-box-shadow: inset 0 0 5px #333;
	box-shadow: inset 0 0 5px #333;
	
	color: #000000;
	border: solid 1px #5c5c5c;
	background: #ffffff;
}
.hcbutton:hover {
	text-decoration: none;
	-webkit-box-shadow: inset 0 0 8px #00ff00;
	-moz-box-shadow: inset 0 0 8px #00ff00;
	box-shadow: inset 0 0 8px #00ff00;
}
.hcbutton:active {
	text-decoration: none;
	-webkit-box-shadow: inset 0 0 8px #ff0000;
	-moz-box-shadow: inset 0 0 8px #ff0000;
	box-shadow: inset 0 0 8px #ff0000;
}