.animated {
 -webkit-animation-duration: 2s;
 animation-duration: 2s;
 -webkit-animation-fill-mode: both;
 animation-fill-mode: both;
}
         
@-webkit-keyframes fadeInRight {
0% {
  opacity: 0;
 -webkit-transform: translateX(100px);
}

100% {
 opacity: 1;
 -webkit-transform: translateX(0);
}
}
         
@keyframes fadeInRight {
0% {
 opacity: 0;
 transform: translateX(100px);
}
100% {
 opacity: 1;
 transform: translateX(0);
}
}

@-webkit-keyframes fadeInLeft {
0% {
  opacity: 0;
 -webkit-transform: translateX(-100px);
}

100% {
 opacity: 1;
 -webkit-transform: translateX(0);
}
}
         
@keyframes fadeInLeft {
0% {
 opacity: 0;
 transform: translateX(-100px);
}
100% {
 opacity: 1;
 transform: translateX(0);
}
}
         
.fadeInRight {
 -webkit-animation-name: fadeInRight;
 animation-name: fadeInRight;
}

.fadeInLeft {
 -webkit-animation-name: fadeInLeft;
 animation-name: fadeInLeft;
}