.light {color: black; background-color: white}
.brown {color: white; background-color: #291e1c}
.pink {color: white; background-color: #e7485f}
.tan {color: white; background-color: #c49a6c}
.cyan {color: white; background-color: #5cd2d2}
.dark {color: white; background-color: #070707}

/******************************************************************************/
/* MARK -Top level styles */

*{font-family:helvetica}

body{
	margin:0;
	padding:0;
	text-align: justify;
}

#header, #content, #footer {
	box-shadow: 5px 5px 2px lightgray;
}

br.all {
	clear:both;
}

/******************************************************************************/
/* MARK - Header Section */

section#header{
	margin:0;
	padding:0.5em;
	color:#070707;
	background-color: #5cd2d2;
	font-size:larger;
	border-radius: 25px;
	overflow: hidden;
}

#sider {
	display:block;
	position:absolute;
	top:0;
	right:0;
	border-radius: 25px;
	height:110px;
	/*transform: scaleX(-1);*/
	mask-image: linear-gradient(to left, rgba(0,0,0,1.0) 0%, transparent 100%);
}

#header header img {
	border-radius: 50px;
	height:90px;
	margin-right:0.5em;
	float:left;
}

#header a {
	color:#070707;
}

#header nav a:link {
	text-decoration: none;
}

#header nav a:active {
}


#header a:visited {
	color: #291e1c;
}

#header h1, #header h2, #header h3, #header h4, #header h5, #header h5 {
	margin-top:0;
}

#header footer {
	font-size:small;
}

nav a {
	white-space: nowrap;
}

/******************************************************************************/
/* MARK - Content Section */

#content{
	border-radius: 25px;
	margin:0.5em 0;
	padding:0.75em;
	color: #070707;
	background-color: #c49a6c;
	min-height: 100%;
}

aside {
	background-color: #edf2f4;
	width:15em;
	margin:1em;
	padding:0.75em;
	float:right;
	border:0.25em solid #5cd2d2;
	border-radius: 25px;
}

body.tools aside{display: none}

aside h1, aside h2, aside h3, aside h4, aside h5, aside h6 {
	margin-top:0;
}

aside a {
	color:#291e1c;
}

/******************************************************************************/
/* MARK - Footer Section */

#footer{
	margin:0;
	padding:1em;
	font-size:small;
	color:white;
	background-color: #291e1c;
	border-radius: 25px;
}

#footer a {
	color:white;
}

#footer a:visited {
	color: #5cd2d2;
}

#footer #footerSections{
	columns: 3;
}

#footer #footerSections article:first-child {
	margin-top:-1.1em;
}