body {
	margin:0;
	background-color:#222;
	font-family: 'Oswald', sans-serif;
}

header {
	text-align:center;
	color:white;
}

main {
	width:800px;
	margin:0 auto;
}
main ul {
	list-style:none;
	margin:0;
	padding:0;
}
main ul li a {
	display:block;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#333333+0,222222+100 */
	background: #333333; /* Old browsers */
	background: -moz-linear-gradient(-45deg, #333333 0%, #222222 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(-45deg, #333333 0%,#222222 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(135deg, #333333 0%,#222222 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	
	width:200px;
	height:300px;
	float:left;
	margin:25px;
	position:relative;
	
	overflow:hidden;

	
	transition: all .2s ease-out;
}
main ul li a:hover {
	margin-top:20px;
}

main ul li a:focus {
	outline:1px solid #e74c3c;
}

main ul li:hover a {
	
	box-shadow: 14px 14px 15px rgba(0,0,0,0.6);
}

main ul li a p {
	position:absolute;
	bottom:0px;
	text-align:center;
	width:100%;
	height:40px;
	background:white;
	color:#333;
	margin:0;
	padding-top:20px;
	
	transition: all .2s ease-out;
}

.fontPairing {
	background:url("../_img/font-pair.png");
}
.vCard {
	background:url("../_img/vcard.png");
}