@keyframes infiniteScroll {
    from {transform: translateX(0%)}
    to {transform: translateX(-100%)}
  }
  

@keyframes verticleSlowSlide {
    0%{
        transform: translateY(50%);
    }

    50%{
        transform: translateY(-50%);
    }
    100%{
        transform: translateY(50%);
    }
    
}

@keyframes popdown {
    0%{
        height: 0px;
    }

    100%{
        

        height: 100%;
    }
    
}

@keyframes cardShow {
    0%{
        height: 0%;
    }

    100%{
        height: 40vmin;
    }
}

@keyframes swipedown {
    0%{
        height: 0vmin;
    }
    100%{
        height: 20vmin;
        
    }
}


@keyframes fadeout {
    0%{
        opacity: 0%;
    }
    100%{
        opacity: 100%;
    }
}

@keyframes tik {
   0%{
    width: 100%;
   }
   25%{
    width: 100%;
   }

   50%{
    width: 0%;
   }

   75%{
    width: 100%;
   }
   100%{
    width: 100%;
   }
   
}