body {
  background: rgb(241, 241, 241);
  color: rgb(48, 46, 46);

  font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
  font-size: 1.1rem;
}
h1 {
  font-size: 1.7rem;
  margin: 10px 50px;
}
h2 {
  color: green;
  margin: 0px;
}
h3 {
  color: red;
}
h4 {
  margin: 0px;
}
span {
  color: red;
  margin: 0px;
}
p {
  margin: 0px;
}
input,
select,
option {
  border-radius: 5px;
  margin: 5px;
  background: rgb(255, 255, 255);
  color: rgb(0, 0, 0);
}
img {
  width: 150px;
}
.head {
  display: flex;
  align-items: center;
  margin: 20px;
}
.add,
.rem {
  font-size: 1.1rem;
}
.qtyItem {
  width: 50px;
}
.amountItem {
  width: 70px;
}

input:invalid {
  background-color: rgba(255, 0, 0, 0.05);
}
input[type="submit"] {
  background-color: #04aa6d;

  color: white;
  padding: 16px 32px;
  text-decoration: none;
  font-weight: bold;
  font-size: 2rem;
  margin: 4px 2px;
  cursor: pointer;
}