body {
  background-color: #d2b48c;
  color: #664229;
  text-align: center;
  padding: 0px;
  margin: 0px;
}

section {
  background-color: transparent;
  height: 3rem;
  padding-top: 1rem;
}

section#footer {
  background-image: linear-gradient(#d2b48c,#b99976);
  width: 100%;
  font-size: 0.618rem;
}

section#menu {
  background-image: linear-gradient(#b99976,#d2b48c);
  position: fixed;
  width: 100%;
}

section#menu>a {
  display: inline;
}

a:link, a:visited, a:active, a:focus, a:hover {
  text-decoration: none;
  color: #664229;
  padding: 1em;
}

a:active, a:focus, a:hover {
  filter: brightness(1.618);
}

.allColors {
  color: #e5d3b3;
  color: #d2b48c;
  color: #b99976;
  color: #987554;
  color: #664229;
}

.card {
  background-color:#e5d3b3;
  color:#664229;
  display:inline-block;
  text-align:center;
  padding:0.618rem;
  margin:0.618rem;
  border: solid 2px #b99976;
  border-radius: 1rem;
}

.card>ul {
  text-align:center;
  display:inline-block;
  padding:0.618rem;
  margin:auto;
}

.card>ul>li {
  list-style-type:none;
  padding:0.618rem;
  /* border: 1px solid #555;
  border-radius: 10px; */
}

.img {
  width: 100%;
  min-width: 100px;
  max-width: 600px;
  height: 100%;
  min-height: 75px;
  max-height: 450px;
  opacity:1;
  padding: 1rem;
  /* filter: sepia(38.2%); */
  /* mask-image: 100; */
  border-radius: 3rem;
}

@media screen and (max-width: 1000px) {
  .card {
    width: 90%;
  }
  section#menu {
    font-size: 0.618rem;
  }
  .img {
    width: 90%;
  }
}