.gradient-background  {
    background: linear-gradient(135deg, #55d897, #1e68df, #55d8a4);
    background-size: 180% 180%;
    animation: gradient-animation 18s ease infinite;
}

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

.profile-img {
  height: 100px;
  width: 100px;
  border: 1px solid black;
  border-radius: 50%;
  background-color: white;
  margin-bottom: 1rem;
}

#footer {
  padding-top: 2rem;
  padding-bottom: 2rem;
}

#footer a svg {
  transition: transform 0.2s ease, opacity 0.2s ease;
}

#footer a:hover svg {
  transform: scale(1.15);
  opacity: 0.8;
}