.hidden{
    transition: All 1s;
    opacity:0;
}
.show {
    opacity:1;

}
.left{
    transform:translateX(1000px);
    transition: All 1s;
}
.right{
    transform:translateX(0px);

}
@media screen and (min-width:900px) {
[data-animate].in-view{
    opacity: 1;
    transform: translate(0, 0);
    filter:blur(0px);
}
[data-animate] {
  opacity: 0;
  transition: All 0.6s ease;
  transition-delay: calc(var(--delay, 0) * 120ms);
}
[data-animate="left"] {
  opacity: 0;
  transform:translateX(1000px);
  filter: blur(20px);
    transition: All 0.6s ease;
  overflow:hidden;
}
[data-animate="right"] {
  opacity: 0;
  filter: blur(20px);
  transform:translateX(-1000px);
   transition: All 0.6s ease;
}
[data-animate="fade"] {
  opacity: 0;
  filter: blur(20px);
   transition: All 0.6s ease;
}
[data-animate="slide-up"] {
  opacity: 0;
  filter: blur(20px);
  transform:translateY(150px);
   transition: All 0.6s ease;
  transition-delay: calc(var(--delay, 0) * 120ms);
}
}