body#home {
	height: 100%;
	/*display: grid;*/
	/*grid-gap: 0;*/
}


body div#meat{
    padding: var(--jc-unit);
}
body#home div.content{
	/*grid-area: content;*/
	/*display: flex;*/
}

body#home div.content div {
	flex: 1;
	width: calc(var(--jc-unit) * 10);
	min-height: calc(var(--jc-unit) * 10);
	font-size: calc(var(--jc-unit) * 0.625);
	font-weight: 400;
	text-align: center;
	margin: var(--jc-unit);
	position: relative;
	z-index: 0;
}

body#home div.content div:hover a{
	 z-index: 10;
}

body#home div.content div a {
	transition: transform 0.3s, z-index 0.1s;
	border-radius: var(--jc-unit-quarter);
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	line-height: calc(var(--jc-unit) * 10);
	text-decoration: none;
	text-align: center;
	font-size: var(--jc-unit);
	font-weight: 700;
	color: var(--jc-white-100);
	top: 0;
	left: 0;
}

body#home div.building a{
	background-color: var(--jc-coral-100);
}
body#home div.eating a{
	background-color: var(--jc-beige-100);
}
body#home div.governance a{
	background-color: var(--jc-aqua-100);
}
body#home div.musings a{
	background-color: var(--jc-yellow-100);
}