
.caicus-cursor {	
  	content:url('images/tutorial/cursor4.png');
  	width: 25px;
  	height: 15px;	
  	position: absolute;
    top: 50%;
    left: 50%;
    transition: transform 1s;
}


.highlighted{
	background-color: coral;
}
.caicus-cursor-complete {	
  	content:url('images/tutorial/cursorcomplete.png');

}

.transition-scale{
	transition: all 2s;
	width: max-content;	
}

.transition-scale-0-5s{
	transition: all 0.5s;
	width: max-content;	
}

.transition{
	position: absolute;
	transition: transform 2s;
    transform-origin: 0 0;
    box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.5);
}

.transition-opacity{
	transition: opacity 2s;
}

.talkingman {
	content:url('images/tutorial/man-talking.gif');
    position: absolute; 
    
    width: 290px;
  	height: 444px;
  	
  	transition: transform 2s;
}

.talkingmanstopped {
	content:url('images/tutorial/man-talking.png');
    position: absolute; 
    
    width: 290px;
  	height: 444px;  
  	
  	transition: transform 2s;	
}

.nottalkingman {
	content:url('images/tutorial/man-not-talking.png');
    width: 248px;
  	height: 218px;
}

