/* CSS Document */

.linkContent {
	background-color: var(--LightBlue);
	display: flex;
	flex-direction: column;
	flex: auto;
	align-items: center;
	justify-content: space-evenly;
	margin: 0;
}

.linkHolder {
	display: grid;
	grid-template-columns: auto;
	grid-template-rows: 1fr;
	justify-content: space-evenly;
	grid-gap: 10px;
	margin: 100px;
}

/* This is kept here to illustrate how to change properties of
   an individual item within the content container
.linkContent>*:last-child{
	background-color: var(--DarkBlue);
} */

	/*display: inline-block;*/


#link1, #link2, #link3{
	display: flex;
	flex-flow: column wrap;
	align-content: center;
	justify-content: center;
	border-radius: 30px;
	background-color: var(--LightBrown);
	width: 300px;
	height: 100px;
}

#a1, #a2, #a3 {
	color: white;
	font-size: 3vw;
	text-decoration: none;
	text-align: center;
}