* {
	box-sizing:border-box;
}
body {
	margin:0;
	background:#eaedf1;
	font-family:'Lato',sans-serif;
}
.container {
	text-align:center;
	margin-top: 10%;
}
a[class*="btn"] {
	text-decoration:none;
}
.btn {
	margin:9px;
	position:relative;
	border:0;
	padding:15px 25px;
	display:inline-block;
	text-align:center;
	color:white;
}
.btn:active {
	top:4px;
}
.btn.block {
	display:block;
	width:60%;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
}
.btn.blue {
	box-shadow:0px 4px #74a3b0;
	background-color:#7fb1bf;
}
.btn.blue:active {
	box-shadow:0 0 #74a3b0;
	background-color:#709CA8;
}
.btn.green {
	box-shadow:0px 4px 0px #87a86f;
	background-color:#9abf7f;
}
.btn.green:active {
	box-shadow:0 0 #87a86f;
	background-color:#87a86f;
}
.btn.red {
	box-shadow:0px 4px 0px #E04342;
	background-color:#fa5a5a;
}
.btn.red:active {
	box-shadow:0 0 #ff4c4b;
	background-color:#ff4c4b;
}
.btn.purple {
	box-shadow:0px 4px 0px #AD83A8;
	background-color:#cb99c5;
}
.btn.purple:active {
	box-shadow:0 0 #BA8CB5;
	background-color:#BA8CB5;
}
.btn.cyan {
	box-shadow:0px 4px 0px #73B9C9;
	background-color:#7fccde;
}
.btn.cyan:active {
	box-shadow:0 0 #73B9C9;
	background-color:#70B4C4;
}
.btn.yellow {
	box-shadow:0px 4px 0px #D1B757;
	background-color:#f0d264;
}
.btn.yellow:active {
	box-shadow:0 0 #ff4c4b;
	background-color: #D6BB59;
}