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;
}
header > #conIcon
{
margin-top:-105px;
background-color:white;
display:inline-block;
position:absolute;
top:20vh;
left:0px;
}
header > #conIcon > img
{
width:100px;
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
}
.item
{
border:1px black solid;
margin:0 10px 0 0;
background-color:white;
min-width:60px;
}
.inline
{
display:inline-block;
border:1px black solid;
}