body {
  margin: 3em auto;
  max-width: 36em;
  font-family: sans-serif;
  background: rgb(255,237,84);
  background: radial-gradient(circle, rgba(255,237,84,1) 35%, rgba(255,195,0,1) 100%);}
header {
  text-align: center;
}
img {
  max-width: 70%; 
}
main {
  margin: 0 1em 1.6em;
}
h1 {
  font-size: 1.7em;
  color: darkred;
}
ul {
  padding: 0 1em;
}
form ul {
  padding: 0;
}
form li, div.submit {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 0.6em;
}
p {
  margin: 0.3em 0;
}
button, input, select, textarea {
  font-family: inherit;
  font-size: 90%;
}
input {
  margin: 0.2em 0;
  border: 0;
  padding: 0.2em;
  background-color: rgba(255,247,175); 
}
input[type=number] {
  width: 4em;
  padding-right: 0;
}
input[type=text] {
  width=30em;
}
input[type=submit] {
  font-weight: 0800;
  padding: 0.6em;
  min-width: 10em;
}
input[type=submit]:hover {
  background-color: orange;
  color: white;
}
div.submit {
  align-items: flex-end;
}
div.submit input {
  margin: 0.3em 0;
}
@media (min-width: 600px) {
  body {
    font-size: 120%;
  }
}