*

{
	box-sizing: border-box;
}

body

{
	background-color: #272727;
	font-family: 'Agency FB';
	text-align: center;
	overflow-x: hidden;
	margin: 0;
	padding: 0;
}

div#maincontainer

{
	display: flex;
 	flex-direction: column;
  	justify-content: center;
 	height: 100vh;
}

div.subcontainer

{
	display: flex;
	flex-direction: row;
	width: 600px;
	margin: auto;
	justify-content: space-between;
	padding: 0px 10px;
}

div.subcontainer a

{
	color: #272727;
	text-decoration: none;
	font-size: 1.6em;
	padding: 20px;
	background-color: #3cab5b;
	transition: 0.7s;
	width: 45%;
	border-radius: 25px;
}

div.subcontainer a:hover

{
	background-color: #68ef8e;
	cursor: pointer;
	transform: translateY(-10px);
}


@media only screen and (max-width: 650px) {

	div.subcontainer

	{
		display: flex;
		flex-direction: column;
		width: 100%;
		align-items: center;
		padding: 0px 10px;
	}

	div.subcontainer a

	{
		width: 80%;
		margin: 20px 0px;
	}

	div.subcontainer a:hover

	{
		background-color: #68ef8e;
		cursor: pointer;
		transform: none;

}