body {
  font-family: "Outfit", sans-serif;
}
body header nav a img {
  width: 75px;
  height: 65px;
}
body main {
  margin-top: 100px;
}
body main #hero {
  background-image: url("https://voyager-en-cote-divoire.com/wp-content/uploads/2022/10/foufou-c.jpg");
  background-size: cover;
  border-radius: 0px 0px 10px 10px;
}
body main .hero-text {
  color: white;
  font-weight: bold;
}
body main .hero-text h1,
body main .hero-text h2,
body main .hero-text p {
  background-color: rgba(0, 128, 0, 0.4);
  border-radius: 0px 10px 10px 0px;
  padding-left: 30px;
}
body main .hero-img {
  border-radius: 50%;
  background-color: white;
  opacity: 85%;
}
body main .headline {
  text-align: center;
  text-transform: uppercase;
  text-decoration: underline;
}
body main .about-text {
  display: grid;
  grid-template-columns: 100%;
  grid-template-rows: 100%;
  justify-content: center;
}
body main .chef {
  display: grid;
  justify-content: end;
}
body main .chef figcaption {
  text-align: center;
  font-style: italic;
  background-color: rgba(0, 128, 0, 0.8);
  color: white;
  font-weight: bolder;
}
body main .separator {
  height: 1px;
  background-color: rgb(3, 145, 3);
  margin-bottom: 5px;
}
body main form {
  bottom: hover;
  bottom-transform: scale(1.05);
}
body main form .group {
  position: relative;
}
body main form .group input {
  padding-left: 25px;
  border-radius: 5px;
}
body main form .group i {
  position: absolute;
  left: 0;
  top: 25px;
  padding: 6px 8px;
  color: green;
}
body main form textarea {
  border-color: green;
  border-radius: 5px;
  background-color: #f8f8f8;
  resize: none;
  width: 100%;
  height: 70%;
}
body main form button {
  margin-top: -45px;
  cursor: pointer;
}
body main .iframe-container {
  border: 1px solid green;
  height: 260px;
  border-radius: 10px;
}
body main .iframe-container iframe {
  width: 100%;
  height: 258px;
  border-radius: 10px;
}
body footer {
  background-image: url(https://th.bing.com/th/id/OIP.l_C3vh6fJ2todEsYjP4wWQHaHa?rs=1&pid=ImgDetMain);
  background-size: cover;
  background-position: bottom;
  color: white;
  font-size: large;
  border-radius: 10px 10px 0px 0px;
}
body footer i {
  color: green;
}/*# sourceMappingURL=index.css.map */