body{
	margin:0;
	padding:0;
	background:#f2f2f2;
	font-family: Roboto,sans-serif;
}
ul{
	list-style:none;
	margin:0;
	padding:0;
}
ul.experiences{
	display:flex;
	flex-direction: row;
	flex-wrap: wrap;

}
h1{
	padding: 1rem 1rem 0 1rem;
	margin:0;
}
ul.experiences li{
	flex:1;
	min-width:250px;
	margin:1rem;
	background-color:#FFF;
	box-shadow: 0 3px 1px -2px rgba(0,0,0,.2), 0 2px 2px 0 rgba(0,0,0,.14), 0 1px 5px 0 rgba(0,0,0,.12);
	border-radius: 2px;
	flex-direction:column;
	display:flex;
}
ul.experiences li .picture{
	background-size: cover;
	width:100%;
	height: 200px;

}
ul.experiences li p{
	flex:1;
	flex-grow: 1;
	margin: 0 0 1rem 0;
	padding: 0;
}
ul.experiences li#linepicture .picture{background-image: url(img/linepicture.png); }
ul.experiences li#linespaint .picture{background-image: url(img/linespaint.png); }
ul.experiences li#neurocar .picture{background-image: url(img/neurocar.png); }
ul.experiences li#tesselborder .picture{background-image: url(img/tesselborder.png); }
ul.experiences li#tesselavatar .picture{background-image: url(img/tesselavatar.png); }
ul.experiences li#pointspaint .picture{background-image: url(img/pointspaint.png); }
ul.experiences li#lines .picture{background-image: url(img/lines.png); }
ul.experiences li#duplicated .picture{background-image: url(img/duplicated.png); }

ul.experiences li h2{
	margin: 0;
	padding: 1rem;
}
ul.experiences li p{
	padding: 0 1rem 8px;
}
ul.experiences li a.goto{
	padding: 1rem;
	display:block;
	text-align:center;
	background-color:#369;
	color:#FFF;
	font-weight:bold;
	box-shadow: 0 3px 1px -2px rgba(0,0,0,.2), 0 2px 2px 0 rgba(0,0,0,.14), 0 1px 5px 0 rgba(0,0,0,.12);
	text-decoration: none;
}
ul.experiences li a.goto:active{
	box-shadow: none;
}