.scale {
	transition: all 400ms linear 0s;
	z-index: 0;
}

.scale:hover {
	transform: scale(1.2);
	z-index: 10000;
	padding: 0px;
}

.auto-scale {
	z-index: 9999;
	animation-duration: 2s;
	animation-delay: 0s;
	animation-timing-function: ease-in-out;
	animation-iteration-count: 1;
	animation-fill-mode: forwards;
	opacity: 0;
	animation-name: autoscale;
}

.auto-scale2 {
	z-index: 9999;
	animation-duration: 2s;
	animation-delay: 1.5s;
	animation-timing-function: ease-in-out;
	animation-iteration-count: 1;
	animation-fill-mode: forwards;
	opacity: 0;
	animation-name: autoscale2;
}

.auto-scale-text {
	z-index: 9999;
	animation-duration: 1.7s;
	animation-delay: 0s;
	animation-timing-function: ease-in-out;
	animation-iteration-count: 1;
	animation-fill-mode: forwards;
	opacity: 0;
	animation-name: autoscale-text;
}


@keyframes autoscale {
    0% { opacity:0; transform: scale(0.1); }
	100% { opacity:1; transform: scale(1.1); letter-spacing:3px }
}

@keyframes autoscale2 {
    0% { opacity:0; transform: scale(0.1); }
	100% { opacity:1; transform: scale(1.1); letter-spacing:3px }
}

@keyframes autoscale-text {
    0% { opacity:0; font-size: 2%; }
	100% { opacity:1; font-size: 250%;; }
	
}