/* =============== DONATE SECTION =============== */

#hero-ink {
  position: absolute;
  top: 20px;
  right: -60px;
  transform: rotate(45deg);
  z-index: 0;
  width: 420px;
  height: auto;
  display: none;
  animation-delay: 250ms;
}

@media (min-width: 1200px) {
  #hero-ink {
    display: block;
  }
}

@media (min-width: 1440px) {
  #hero-ink {
    width: 500px;
  }
}

#donate-section {
  padding: var(--padding-sm);
  display: flex;
  flex-direction: column;
  gap: 40px;
  box-shadow: inset 0px -35px 13px -25px rgba(0, 0, 0, 0.15);
}

@media (min-width: 768px) {
  #donate-section {
    padding: var(--padding-md);
  }
}

@media (min-width: 1024px) {
  #donate-section {
    padding: var(--padding-lg);
  }
}

#donate-header {
  width: 182px;
  height: auto;
  margin-top: var(--nav-height);
}

@media (min-width: 768px) {
  #donate-header {
    width: 253px;
  }
}

#donate-section p {
  font-size: var(--text-medium);
  max-width: 720px;
}

@media (min-width: 768px) {
  #donate-section p {
    font-size: var(--text-large);
  }
}

#donation-links-wrapper {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  gap: 24px;
}

@media (min-width: 768px) {
  #donation-links-wrapper {
    gap: 40px;
  }
}

/* =============== FOOTER SECTION =============== */

#footer-section {
  display: flex;
  overflow: hidden;
}

#footer-section img {
  height: 662px;
  width: auto;
}

@media (min-width: 1761px) {
  #footer-section img {
    height: 750px;
    width: auto;
  }
}

@media (min-width: 2000px) {
  #footer-section img {
    height: 850px;
    width: auto;
  }
}