/* .animated-div {
    animation: slideInFromLeft 1s ease-in-out forwards;
  }
  
  @keyframes slideInFromLeft {
    0% {
      transform: translateX(-100%);
      opacity: 0;
    }
    100% {
      transform: translateX(0);
      opacity: 1;
    }
  } */

/* .animated-div-population {
    animation: slideInFromBottom 2s ease-in-out forwards;
  }
  
  .animated-text-population {
    opacity: 0;
    animation: fadeInFromBottom 2s ease-in-out forwards;
  } */

/* .animated-div-popu-map {
    animation: slideInFromLeft 2s ease-in-out forwards;
} */
  
/* @keyframes slideInFromBottom {
    0% {
      transform: translateY(100%);
    }
    100% {
      transform: translateY(0);
    }
}
.slideInFromBottom {
    animation-name: slideInFromBottom;
    animation-duration: 2s;
}  

@keyframes fadeInLeft {
    0%{
        opacity: 0;
        -webkit-transform: translate3d(-100%,0,0);
        -moz-transform: translate3d(-100%,0,0);
        -ms-transform: translate3d(-100%,0,0);
        -o-transform: translate3d(-100%,0,0);
        transform: translate3d(-100%,0,0);
    }
    100%{
        opacity: 1;
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
        transform: none;
    }
}
.fadeInLeft{
    animation-name: fadeInLeft;
    -webkit-animation-name: fadeInLeft;
    animation-duration: 2s;
    -webkit-animation-duration: 2s;
}

@keyframes fadeInRight {
    0% {
        opacity: 0;
        transform: translate3d(100%, 0, 0);
    }
    100% {
        opacity: 1;
        transform: none;
    }
}

.fadeInRight {
    animation-name: fadeInRight;
    animation-duration: 2s;
} */