@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap");
* {
  padding: 0;
  margin: 0;
}

div.super_of_contanoier {
  display: flex;
  flex-direction: column;
}

nav.navigations {
  background: linear-gradient(to left, rgba(230, 230, 230, 0.486), rgba(124, 129, 129, 0.658)), url(../images/nav_background_leaves.png);
  position: relative;
  background-size: cover;
  background-position: center center;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  margin-top: 55px;
}

nav.navigations div.logo_container img {
  width: 130px;
  height: 90px;
  border-radius: 10px;
}

div.logo_container {
  width: auto;
  padding: 15px;
}

div.link_container {
  width: 60%;
  display: flex;
  justify-content: space-evenly;
  align-items: center;
}

div.link_container a {
  color: #000;
  transition: all ease-in-out 0.3s;
  font-size: large;
  padding: 10px;
}

div.link_container a:hover {
  color: rgb(7, 37, 7);
}

a {
  text-decoration: none;
}

div.link_container a.donate_now {
  background: rgb(138, 223, 138);
  border: solid 1px rgb(138, 223, 138);
  padding: 10px;
  border-radius: 20px;
}

div.link_container a.donate_now:hover {
  background: white;
  color: rgb(4, 56, 4);
  border: solid 1px rgb(4, 56, 4);
}

div.super_links_container {
  display: inline-flex;
  justify-content: space-evenly;
}

div.sublinks {
  display: none;
}

div.about_us:hover div.sublinks {
  display: block;
  position: absolute;
  background: linear-gradient(to right, rgba(138, 223, 138, 0.884), rgba(138, 223, 138, 0.884));
  box-shadow: 2px 2px 10px 3px transparent;
  border-radius: 10px 10px 10px 10px;
  width: -moz-max-content;
  width: max-content;
  margin-right: 15px;
  margin-left: -15px;
}

div.about_us:hover div.sublinks ul {
  display: block;
  margin: 20px;
  transition: 0.5s;
}

div.sublinks ul li a {
  color: #000;
}

div.about_us:hover div.sublinks ul li {
  width: 100%;
  padding: 10px;
  border-bottom: 1px solid #fff;
  background: transparent;
  border-radius: 0;
  text-align: left;
  list-style: none;
}

div.about_us:hover div.sublinks ul li:last-child {
  border-bottom: none;
}

div.about_us:hover div.sublinks ul li a {
  text-decoration: none;
  font-size: medium;
}

div.about_us:hover div.sublinks ul li a:hover {
  padding: 10px;
  color: rgb(4, 26, 4);
  transition: 0.5s;
}

.fa {
  margin: 2px;
}

@media (max-width: 1024px) {
  .super_links_container_min_dev a {
    color: white;
    font-size: x-large;
    padding: 20px;
  }
  div.super_links_container {
    display: none;
  }
  .super_links_container_min_dev {
    background: linear-gradient(to left, rgba(18, 45, 61, 0.89), rgba(18, 45, 61, 0.89)), url(../images/wicotz-logo.jpg);
    background-position: 50% center;
    position: relative;
    height: 100vh;
    background-size: cover;
    position: relative;
    flex-direction: column;
    padding: 15px;
    animation-name: nav_bar;
    animation-duration: 0.5s;
  }
  nav.navigations {
    padding: 0;
  }
  nav.navigations div.logo_container img {
    width: 70px;
    height: 55px;
  }
  a.donate_now {
    display: none;
  }
}
nav.navigations {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  position: relative;
}

div.link_container {
  width: auto;
  padding: 20px;
}

div.min_link_container {
  display: flex;
  flex-direction: column;
  width: 100%;
  margin-top: 12%;
}

i.fa-bars {
  font-size: xx-large;
  color: rgb(8, 44, 14);
}

@keyframes nav_bar {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
i.fa-times {
  position: absolute;
  top: 10px;
  right: 10px;
  padding: 10px;
  font-size: x-large;
  color: red;
  background: white;
}

@media (min-width: 1025px) {
  i.fa-bars {
    display: none;
  }
  i.fa-times {
    display: none;
  }
  div.super_links_container_min_dev {
    display: none;
  }
}/*# sourceMappingURL=link_header.css.map */