html, body {
	width:100%;
	height:100%;
	margin: 0;
	padding: 0;
}
body {
  background-color: #ebe8e1;
	font-size: 1.2em;
    color: #444;
    line-height: 150%;
	font-family: 'Oxygen', sans-serif;
}
.deps {
  font-size:80%;
  line-height: 120%;
  color: #999;
}

.container {
  background-color: #fff;
  padding: 2em;
  -webkit-box-shadow: 0 1px 1px #D6D3CB;
  -moz-box-shadow: 0 1px 1px #D6D3CB;
  box-shadow: 0 2px 3px #D6D3CB;
  margin: 3em auto 3em auto;
}

@media (min-width: 992px) {
  .container {
    width: 970px;
  }
}


h1 {
	font-size: 3em;
	margin-top: 0;
	margin: 0;
	padding: 0;
	/* font-family: 'Advent Pro', sans-serif; */
	font-family: "Share Tech Mono", sans-serif;
	background: #333;
	color: #A7C247;
}
h2 {
	font-size: 1.4em;
}



p {
	margin: .5em 0;
}
header {
    box-shadow: rgba(255,255,255,0.1) 0 1px 0,rgba(0,0,0,0.8) 0 1px 7px 0 inset;
    border: 0;
    padding: 10px 3em;
    z-index: 0;
    text-shadow: 1px 1px 1px #000;
	background: #333;
	color: #A7C247;
}

a, a:link, a:visited {
	font-weight: bold;
}

.project {
	font-size: 14px;
	/* text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1); */
	border-top: 1px solid #ddd;
	padding: 3px 0;
}

.project.ng-enter,
.project.ng-leave {
  -webkit-transition:.3s linear all;
  transition:.3s linear all;
  -webkit-transform-origin: top;
}
.project.ng-enter,
.project.ng-leave.ng-leave-active {
	opacity: 0;
}
.project.ng-leave,
.project.ng-enter.ng-enter-active {
	opacity: 1;
}

.keyword {
	background: #F4F7F8;
    padding: 0 8px;
    border-radius: 3px;
    border: 1px solid #CEE9F9;
    margin: 3px;
    display: inline-block;
    text-decoration: none;
    font-size: .85em;
}
.keyword:hover {
	background: #fff;
    text-decoration: none;
}
.keyword:link, .keyword:visited {
	color: #0095DD;
}
.filters {
	font-size: 13px;
	margin: 1em 0;
	min-height: 2em;
}