@media (max-width: 767px) {
  body .spacing {
    height: 200px;
  }
}
body a {
  text-decoration: none;
}
body header {
  background-color: rgba(0, 0, 0, 0.7);
}
body header .header-top-bar {
  background-color: black;
}
body header .header-top-bar a {
  font-size: large;
  color: white;
}
body header nav a img {
  width: 75px;
  height: 65px;
}
body header nav .navbar-nav .nav-link {
  color: white;
  font-size: large;
  /* Change la couleur du texte en blanc */
}
body main #product-categories a {
  border: 2px solid white;
  color: white;
  font-size: large;
  font-weight: normal;
  width: 200px;
  border-radius: 20px;
}
body main #product-categories a:hover {
  background-color: white;
  color: lightslategrey;
  font-weight: bolder;
}
body main #about article {
  width: 90%;
}
body main #about article a {
  display: inline-block;
  border: 2px solid green;
  width: 200px;
  border-radius: 99px;
  color: #00893e;
  cursor: pointer;
  outline: none;
  transition: transform 0.5s;
}
body main #about article a:hover {
  background-color: #00893e;
  color: white;
  transform: scale(1.05);
}
body main #products a {
  border: 2px solid rgb(7, 243, 82);
  color: rgb(7, 243, 82);
  font-size: large;
  font-weight: normal;
  width: 200px;
  border-radius: 20px;
}
body main #products a:hover {
  background-color: rgb(7, 243, 82);
  color: white;
}
body footer {
  background-color: rgba(0, 0, 0, 0.6);
}
body footer a,
body footer i,
body footer span {
  color: white;
}/*# sourceMappingURL=index.css.map */