body {
	margin:0;
}

#root {
	height: 100vh;
	width: 100vw;
	margin: 0;
	display: flex;
	flex-direction: column;
	justify-items: stretch;
	align-items: stretch;
}

#navigation {
	height: 50px;
	box-shadow: inset 0 -2px 3px 0 #888;
}

#view {
	flex: 1;
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr;
	grid-template-rows: 1fr 1fr 1fr 1fr;
	grid-gap: 5%;
	padding: 5%;
}

.pecSlot {
	border: solid 3px #666;
	border-radius: 6px;
	user-select: none;	
}

.empty {
	color: #666;
	font-size: 300%;
	text-align: center;
}