@keyframes footerGradientFlow {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}

#myFooter {
  background: linear-gradient(-45deg, #3e4f62, #4c5f73, #2f3d4e);
  background-size: 200% 200%;
  animation: footerGradientFlow 6s ease infinite;
  color: white;
  padding-top: 30px;
  margin-top: 10.5rem !important;
}

body.dark-mode #myFooter {
  background: linear-gradient(-45deg, #2c0043, #001c39, #652886);
  background-size: 200% 200%;
  animation: footerGradientFlow 6s ease infinite;
}

#myFooter a {
  color: #ffffff;
  text-decoration: none;
}

#myFooter a:hover {
  text-decoration: underline;
}

.footer-copyright {
  text-align: center;
  color: #ccc;
  font-size: 14px;
}