@keyframes fadeInRight {
    from {
      opacity: 0;
      transform: translateX(200px);
    }
    to {
      opacity: 1;
    }
  }

@keyframes fadeInLeft {
    from {
      opacity: 0;
      transform: translateX(-200px);
    }
    to {
      opacity: 1;
    }
  }

@keyframes fadeInDown {
    from {
      opacity: 0;
      transform: translateY(-200px);
    }
    to {
      opacity: 1;
    }
  }

@keyframes fadeInUp {
    from {
      opacity: 0;
      transform: translateY(200px);
    }
    to {
      opacity: 1;
    }
  }

.zoom {
    transition: transform .2s;
}

.zoom:hover {
    transform: scale(1.25);
}

.zoom-btn {
    transition: transform .2s;
}

.zoom-btn:hover {
    transform: scale(1.05);
    background-color: #799fc6;
}