@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro:400);

body {
 font-family: "Source Sans Pro", sans-serif;
 font-size: 14px;
 background-color: black;
 color: white;
}

/* my name, for SEO */
h1 {
 display: none;
 font-size: 32px;
}

.contact {
	text-decoration: none;
	color: white;
	font-size: 24px;
	margin: 12px;
}

/* section titles */
h2 {
 display: inline;
 position:absolute;
 left: -4px;
 top: -45px;
 background-color: #ec008c;
 color: white;
 padding: 4px;
}

/* project titles */
h3 {
 display: inline;
 font-size: 1em;
}

.section {
 float:left;
 margin: 20px 0;
}

.cell {
 position: relative;
 clear: none;
 float: left;
 width: 320px;
 margin: 4px;
 padding: 8px;
 background-color: #444;
 color: white;
}

.project {
 height: 405px;
}

.project img {
 /*
 border: 1px #888 solid;
 box-sizing:border-box;
 -moz-box-sizing:border-box;
 -webkit-box-sizing:border-box;
 */
}

.cell div {
 padding: 4px;
 background-color: #666;
}

.cell a img {
  width: 100%;
}

.description {
 max-height: 12em;
 overflow: auto;
 margin-bottom: 4px
}

.cell ul {
 padding: 4px;
 /* background-color: #666; */
 margin: 0;
}

.cell li {
 display: inline;
}

/* everything but the img */

.cell * a {
 text-decoration: none;
 padding: 0 2px;
}

.cell * a:link {
 color: #000;
 background-color: #ffee00;
}

.cell * a:visited {
 color: #fff;
 background-color: #00abec;
}

.cell * a:hover {
 color: #fff;
 background-color: #ec008c;
}