@font-face {
	
	font-family: 'Noto Sans';
	font-style: normal;

	src: local('Noto Sans'), local('NotoSans'), url(https://themes.googleusercontent.com/static/fonts/notosans/v2/JLrcxvhkM17op1c4raL9Fg.woff) format('woff');
}

body {
	
	background-color:#BE55FF;

	font-family: 'Noto Sans';
}

header {
	
	height: 40px;

	display: auto;
	position:center;
	
	padding: 1px;

	margin-right: 4px;
	margin-top:0px;
	margin-left: 4px;

	border-bottom: solid #FFA955;
	border-bottom-width: medium;

	color: #FFA955;
	font-family: inherit;
	text-align: left;
}

header div h1 {
	
	float: left;
	display:inline-block;
	
	margin: 0;

	line-height: 38px;
	
	font-size: 36px;
}

header div div h3 {
	float: right;
	display:block;
	margin: 0;

	line-height: 38px;

	font-size: 18px;
}

header div {

	float: bottom;
	display: block;
}

header div div h3 a {

	color: #FFA955;
	font-style: normal;
	text-decoration: none;
}

.fadeIn {
	opacity: .3;
}

#profilePicture {

	display:block;

	margin: .438em;

	background-image: url(https://1.gravatar.com/avatar/92fb317161ea584c44d223fc2102bf46?d=https%3A%2F%2Fidenticons.github.com%2F20f7bfebb4e0e473429ea736d997d74a.png&r=x&s=440);
	background-size: cover;

	width: 13.750em;
	height: 13.750em;

	border-radius: .625em;
	border: transparent;
}

#info {
	display: block;

	margin-right: 12px;

}

#projects {

}

#orgs {
	
}

.project {

}

.organization {
	
}