table.css

.profit{
  font-weight: 600;
}
.selectedRow {
  background: #555 !important;
}
tr:nth-child(even){background: #000}
tr:nth-child(odd) {background: #223}
table {
  border-collapse: collapse;
}
th, td {
  border:2px #fff !important;
  text-align: center;
  margin: auto;
}
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100;300&display=swap');
body{
font-family: 'Roboto', sans-serif;
color:  white;
background: #000;
}
.cost, .price{
  width:60px;
  min-width: 20px;
}
.nut,.exclude{display: none;}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}

ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

li {
  float: left;
}

li a {
  display: block;
  color: green;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
}

li a:hover {
  background-color: #333;
}

footer{
  bottom: 0;
  width: 100%;
  text-align: center;
}

input, select, button{
  background-color: #333;
  color: #eee;
}