html, body, header
{
	margin:0;
	padding:0;
}
header
{
	height:20vh;
	background-color:lightgray;
	text-align:center;
	
}
header > h1
{
	font-family: Arial;
	line-height:20vh;
	margin:0;
	padding:0;
}
#conIcon > img
{
	width:70px;
	padding:0;
	margin:0;
}
p
{
	font-family: Arial;
}
footer
{
	height:5vh;
	color:white;
	text-align:center;
	background-color:rgb(20,20,20);
}
section
{
	padding : 10px 5vw 10px 5vw;
	margin:0;
	background-color:lavender;
	min-height:70vh;
}
section h2
{
	font-family: Arial;
}
footer > p
{
	line-height:5vh;
	margin:0;
	padding:0;
}
table
{
	width:100%;
}
nav
{
	min-height:5vh;
	background-color:yellowgreen;
}
input[type='number']
{
	width:40px;
}
.menuContainer
{
	display:flex;
	align-items: stretch;
	flex-direction: row-reverse;
	justify-content:flex-end;
	
}
.item
{
	border:1px black solid;
	margin:0 10px 0 0;
	background-color:white;
	min-width:60px;
}

.item-start
{
	border:1px black solid;
	margin:0 10px 0 10px;
	background-color:white;
	min-width:60px;
}
.inline
{
	display:inline-block;
	border:1px black solid;
}
.mode-img
{
	width:40px;
}