@keyframes showImage{
	from{
		opacity: 0;
		padding-top: 150px;
	}
	to{
		opacity: 1;
		padding-top: 90px;
	}
}

@keyframes showText{
	from{
		opacity: 0;
		margin-top: 30px;
	}
	to{
		opacity: 1;
		margin-top: 10px;
	}
}

@keyframes showButton{
	from{
		opacity: 0;
	}
	to{
		opacity: 1;
	}
}

#home{
	width: 100%;
	height: 100vh;
}

#home img{
	opacity: 0;
	animation-name: showImage;
	animation-duration: 2s;
	animation-fill-mode: forwards;
}

#home h1{
	opacity: 0;
	animation-name: showText;
	animation-duration: 1s;
	animation-delay: 1s;
	animation-fill-mode: forwards;
}

#home p{
	opacity: 0;
	animation-name: showText;
	animation-duration: 1s;
	animation-delay: 2s;
	animation-fill-mode: forwards;
}

#home div{
	opacity: 0;
	animation-name: showButton;
	animation-duration: 2s;
	animation-delay: 3s;
	animation-fill-mode: forwards;
}