@keyframes move_card{
    0% {
    	transform: scale(1) rotateZ(0deg);
      transform-origin: center;
    }   
    100% {
      transform-origin: center;
      left: 50%;
      top: -140%; 
      transform: scale(0.7) rotateZ(360deg);     
    }     
}
@keyframes move_card2{
    0% {
    	transform: scale(1) rotateZ(0deg);
    }   
    100% {
      left: 50%;
      top: -230%; 
      transform: scale(1.4) rotateZ(360deg);      
    }     
}
@keyframes move_card3{
    0% {
      transform: scale(1) rotateZ(0deg);     	
    }   
    100% {
      left: 50%;
      top: -360%; 
      transform: scale(1.4) rotateZ(270deg);       
    }     
}
@keyframes move_card4{
    0% {
      transform: scale(1) rotateZ(0deg);    	
    }   
    100% {
      left: 50%;
      top: -360%; 
      transform: scale(1.4) rotateZ(-270deg);      
    }     
}
@keyframes move_card5{
    0% {
      left: 50%;
      top: -140%;
      opacity: 1;
        transform-origin: center;
      transform: scale(0.7)  translateX(0px);          	
    }   
    100% {  
      left: 50%;    	
      top: -140%; 
      opacity: 0;
        transform-origin: center;
      transform: scale(0.7)  translateX(-800px);
      visibility: hidden;            
    }     
}
@keyframes move_card6{
    0% {
      left: 50%;    	
      top: -230%;    	
      opacity: 1;
      transform:  scale(1.4);           	
    }   
    100% { 
      left: 50%;      	
      top: -230%; 
      opacity: 0; 
      transform:  scale(1.4) translateX(890px);
      visibility: hidden;            
    }     
}
@keyframes move_card7{
    0% {
      top: -360%;    	
      left: 50%;
      opacity: 1;
      transform:  scale(1.4) rotateZ(270deg);      	
    }   
    100% {   	
      top: -360%; 
      left: 50%;
      opacity: 0;
      transform:  scale(1.4) rotateZ(270deg) translateX(-870px);
      visibility: hidden;              
    }     
}
@keyframes move_card8{
    0% {
      top: -360%;    	
      left: 50%;
      opacity: 1;
      transform:  scale(1.4) rotateZ(-270deg);      	
    }   
    100% {   	
      top: -360%; 
      left: 50%;
      opacity: 0;
      transform:  scale(1.4) rotateZ(-270deg) translateX(-850px);
      visibility: hidden;              
    }    
}

@keyframes steam{
    0% {
      opacity: 0;
      transform:  scale(0.5) rotateZ(0deg);        
    } 
    50% {
      opacity: 1;       
    }       
    100% {    
      opacity: 0;
      transform:  scale(1.4) rotateZ(-170deg) translate(20px, 20px);             
    }    
}
@keyframes blink{
  from {content: "";}
  100% {content: "  :  ";}
 }