@keyframes startbutton{
	to{
		margin-left: 10px;
	}
}

@keyframes fade{
	to{
		transform: translateY(0px);
		opacity: 1;
	}
}

@keyframes animate{
	0%{
		background: url('i2.png');
	}
	20%{
		background: url('i3.jpg');
	}
	40%{
		background: url('i4.jpg');
	}
	60%{
		background: url('i5.jpg');
	}
	80%{
		background: url('i6.png');
		object-fit: cover;
	}
	100%{
		background: url('i1.jpg');
	}
}
@keyframes slideleft{
100%{
	transform: translateX(calc(-100%/2));
}	
}
@keyframes drop{
	20%,50%,80%,to{
		transform: translateY(0);
	}
	40%{
		transform: translateY(-30px);
	}
	70%{
		transform: translateY(-15px);
	}
	490%{
		transform: translateY(-4px);
	}
}
@keyframes light{
	20%,50%,80%,to{
		opacity: 1;
	}
	40%{
		opacity: 0;
	}
	70%{
		opacity: 0.5;
	}
	490%{
		opacity: 0.7;
	}
}

@keyframes showTop{
	0%{
		opacity: 0;
	}
	100%{
		opacity: 1;
	}
}
@keyframes hover{
	0%{
		opacity: 0;
	}
	25%{
		opacity: 0.25;
	}
	50%{
		opacity: 0.5;
	}
	75%{
		opacity: 0.75;
	}
	0%{
		opacity: 1;
	}
}

@keyframes popmenu{
	0%{
		opacity: 0;
	}
	50%{
		opacity: 0.2;
	}
	100%{
		opacity: 1;
	}
}

@keyframes expandmenu{
	0%{
		width: 0%;
	}
	50%{
		width: 30%;
	}
	100%{
		width: 70%;
	}
}