#passage-consumable-menu #categorySelection{
	display: grid;
	grid-template-columns: repeat(auto-fit, 10em);
	justify-items: center;
	justify-content: center;
	gap: 0 3em;
}

#passage-consumable-menu #categorySelection a {
	width: 100%;
	text-align: center;
}
#passage-consumable-menu #menuBody{
	border: #222 double 0.5em;
	margin-top: 1em;
}

#passage-consumable-menu #menuBody .consumable{
	display: grid;
	grid-template-columns: 20% auto;
	grid-template-areas:
			". label"
			"image desc"
			"buttons buttons";
	padding: 0 1em;
	gap: 0 1em;
}

#passage-consumable-menu #menuBody .consumable:not(:first-child){
	border-top: 0.5em #222 double;
}

#passage-consumable-menu #menuBody .consumable>.buttons {
	grid-area: buttons;
	text-align: center;
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
}

#passage-consumable-menu #menuBody .consumable>.desc {
	grid-area: desc;
	
}

#passage-consumable-menu #menuBody .consumable>img {
	grid-area: image;
	width: 100%;
}

#passage-consumable-menu #menuBody .consumable > .label{
	font-weight: bold;
	font-size: 1.5em;
	grid-area: label;
	text-align: center;
}