.slide-down {
  opacity: 1;
  animation: slide-down forwards 0.5s;
}

@keyframes slide-down {
  0% {
    opacity: 0;
    transform: translateY(-10rem);
  }
  100% {
    opacity: 1;
    transform: translateY(0rem);
  }
}
.slide-right {
  opacity: 1;
  animation: slide-right forwards 0.5s;
}

@keyframes slide-right {
  0% {
    opacity: 0;
    transform: translateX(-20rem);
  }
  100% {
    opacity: 1;
    transform: translateX(0rem);
  }
}

.fade-in {
  animation: fade-in 0.5s;
}
@keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes done-gone {
  0% {
    opacity: 1;
  }
  70% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    display: none;
  }
}

.auto-scroll {
  transition: margin 2s;
}

@keyframes link {
  0% {
    transform: scale(0.98);
  }
  100% {
    transform: scale(1.05);
  }
}
.link {
  animation: link 2s infinite alternate-reverse ease-in-out;
  cursor: pointer !important;
}
.link:hover {
  animation-play-state: paused;
}

.link h2 {
  color: #12517a !important;
}