body {
       	margin: 0;
}


.main {
	height: 100vh;
	
	display: flex;
	flex-direction: column;
	justify-content: stretch;
	align-items: stretch;

	//padding: 10px;
}

@media (min-width: 768px) {
	.main {
		flex-direction: row;
	}
}

a.biglink {
	border-radius: 15px;

	flex-grow: 1;
	margin: 10px;

	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;

	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
	font-weight: bold;

	text-decoration: none;
	color: white;

	transition: 0.25s transform cubic-bezier(0,0,0.3,1);
	will-change: transform;

	background: #355c7d; /* fallback for old browsers */
	background: -webkit-linear-gradient(to bottom, #355c7d, #6c5b7b, #c06c84); /* Chrome 10-25, Safari 5.1-6 */
	background: linear-gradient(to bottom, #355c7d, #6c5b7b, #c06c84); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}

a > span {
	position: absolute;
}

a:hover {
	transform: scale(0.95);
}

a.biglink-2 {
	background: #3E5151;  /* fallback for old browsers */
	background: -webkit-linear-gradient(to bottom, #DECBA4, #3E5151);  /* Chrome 10-25, Safari 5.1-6 */
	background: linear-gradient(to bottom, #DECBA4, #3E5151); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}