body {
	font-family: 		'Raleway', sans-serif;
	background: 		linear-gradient(180deg, rgb(237, 241, 245) 0%, rgb(200, 213, 224) 100%);
    margin: 			0 !important;
    padding: 			0 !important;
	color: 				#444444;
	font-size: 			12px;
	font-variant-ligatures: discretionary-ligatures;
}

h1 {	
	/*position:			absolute;*/
	font-size: 			26px;
	font-weight: 		800;
	letter-spacing: 	0.8px;
	margin-top: 		0px;
	margin-bottom: 		0px;
	line-height: 		23px;
}

li {
	margin-top: 		4px;
	margin-bottom: 		4px;
	padding:			4px 0px 4px 0px;
	cursor:				help;
}

li:hover {
	background-color: 	#FFE180;
}

a {
	text-decoration:	none;
	color:				#44444480;
	cursor:				alias;
}

a:hover {
	color:				#ff7676;
}

#header {
	position: relative;
	margin-top:			24px;
	margin-left:		30px;
	z-index: 200;
}

#tagline {
	font-size: 			8px;
	padding-top:		8px;
	letter-spacing: 	1px;
}

#project-list {
	margin:				0px 0px 0px 50px;
	padding:			0px;
	list-style-type:	none;
	/*position:absolute; */
	/*margin-top: 		auto;*/
	/*margin-bottom: 		auto;*/
	/*vertical-align: 	middle;*/
	/*height:				100%;*/
	position: relative;
}

/*#project-line {
	position:absolute; 
	background:#161616; 
	border:0; 
	height:1px; 
	width:32px; 
	opacity:0.5;
}*/

#project-list__container {
	position:			absolute; 
	top: 				45%;
	transform: 			translateY(-50%);
	/*height:			100%;*/
}

#project-info__container {
	position:			absolute; 
	top: 				50%;
	left:				50%;
	transform: 			translate(-50%, -50%);
	/*outline-width:		1px;*/
	/*outline-color:		#AAA;*/
	/*outline-style:		solid;*/
	/*padding: 			10px;*/
	/*max-width:				300px;*/
	/*text-align:			justify;*/
	/*z-index: 1;*/
}

.contact {
	letter-spacing: 	1px;
	font-size: 			8px;
	margin-left: -20px;
	line-height:  15px;
}

.extrainfo {
	font-style: 		italic;
	opacity:			30%;
}

.projectdetail {
	font-size: 			8px;
	letter-spacing: 	1px;
}

#circle {
	width:  250px;
	height: 250px;
	background: linear-gradient(180deg, rgba(199,250,255,1) 0%, rgba(199,255,241,1) 100%);
	position: absolute;
	top:12%;
	left:10%;
	transform: 			translate(-50%, -50%);
	border-radius: 50%;
	z-index: -1;
}

#noiselayer {
	position: absolute;
	height: 100%;
	width: 100%;
	background-color: blue;
	top:0%;
	background-image: url("images/noise.png");
	background-repeat: repeat;
	background-size: 512px, 512px;
	background-blend-mode: screen;
}