@charset "utf-8";
/* CSS Document */

* {
	margin:0px;
	}

body {
	background-color:#FFFFFF;
	color:#000000;
	font-family: Helvetica, Arial, Geneva, sans-serif;
	font-weight:normal;
	}

/*
header {
	background-color:#FFFFFF;
	color:#333333;
	width:100%;
	font-size: xx-large;
	font-weight:normal;
	padding-top:0px;
	padding-bottom:0px;
	padding-left:0px;
	padding-right:0px;
	text-align:center;
	border:0px;
	}
	@media (min-width: 50em) {
		header {
		position: fixed;
		}
		}
*/

aside {
	color:#000000;
	}
	@media (min-width: 50em) {
		aside {
		float: left;
		text-align:center;
		width: 25%;
		margin-top:50px;
		position: fixed;
		}
		}

nav {
	margin-top:35px;
	padding:0px;
	text-align:center;
	border:0px;
	}
	@media (min-width: 50em) {
		nav {
		margin-top:75px;
		}
		}

main {
	background-color:#FFFFFF;
	color: #000000;
	display: grid;
	}


main h1 {
	font-size: xx-large;
	color:#000000;
 	margin-top: 40px;
 	margin-bottom: 20px;
	font-weight:normal;
	}
/*
	@media (min-width: 50em) {
		main h1 {
 		margin-top: 135px;
		}
		}
*/

main h2 {
	font-size: x-large;
	color:#000000;
 	margin-top: 0px;
 	margin-bottom: 15px;
	font-weight:normal;
		}

main h3 {
	font-size: large;
	color:#000000;
 	margin-top: 10px;
 	margin-bottom: 15px;
	font-weight:normal;
		}

main h4 {
	font-size: x-large;
	color:#000000;
 	margin-top: 40px;
 	margin-bottom: 50px;
	font-weight:normal;
	text-align:center;
		}

main h5 {
	font-size: small;
	color:#000000;
	margin-top: 20px;
 	margin-bottom: 10px;
	font-weight:normal;
	}

main h6 {
	font-size: small;
	color:#000000;
	margin-top: 0px;
 	margin-bottom: 35px;
	font-weight:bolder;
	}

article {
	max-width: 900px;
	margin-right: 15px;
	margin-left: 15px;
	margin-bottom: 25px;
	}
	@media (min-width: 50em) {
		article {
		margin-left: 25%;
		}
		}

figcaption {
	font-size: small;
	color:#000000;
	margin-top: 5px;
 	margin-bottom: 25px;
	font-weight:normal;
	}

p {
	margin-bottom: 15px;
	}

footer {
	background-color:#FFFFFF;
	clear:left;
	color:#000000;
	font-size:small;
	font-weight:normal;

	bottom:0px;
	width:100%;
	padding-top:10px;
	padding-bottom:10px;
	padding-left:0px;
	padding-right:0px;
	text-align:center;
	border:0px;	
	}
	@media (min-width: 50em) {
		footer {
		position: fixed;
		}
		}

img {
	max-width:100%;
	height:auto;
	margin-top:15px;
	margin-bottom:15px;
	margin-left:auto;
	margin-right:auto;
	display:block;
	}

hr {
	border: 0;
	height: 2px;
	background: #000000;
	}

#project {
	display:grid;
	max-width:900px;
	grid-template-columns: 175px auto;
	background-color:#F2F1F0;
	}
	@media (min-width: 50em) {
		#project {
		background-color:#FFFFFF;
		padding: 2px;
		}
		#project:hover, #project .current {
		padding: 0;
		border-style: solid;
		border-width: 2px;
		border-color: #DADD73;
		/*
		border-left-style: solid;
		border-left-width: 25px;
		border-left-color: #DADD73;
		
		box-shadow: 0px 0px 1px #333333;
		*/
		}
		}

#icon {
	width:125px;
	margin:auto;
	}

#sticker {
	width: 150px;
	position: fixed;
	top: 25px;
	right: 35px;
	}

ul {
	margin:0;
	padding:0;
	width:100%;
	list-style-type:none;
	font-size:x-large;
	}

ul li a {
	text-decoration:none;
	color:#000000; 
	padding:20px;
	display:block;
	}

ul li a:visited {
	color:#000000;
	}
 
ul li a:hover, li .current {
	color:#DADD73;
	}

a {
	text-decoration:none;
	color:#DADD73; 
	padding-right:35px;
	}

a:visited {
	color:#DADD73;
	}