/** @format */

body {
	background-image: linear-gradient(176deg, #fff, #7c8b91);
}

h1 {
	background-image: url(logo.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	width: 70%;
	height: 70%;
	max-width: 300px;
	max-height: 300px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	color: transparent;
	animation: slideback 20s ease-in-out forwards;
}

/* add animation that shrinks the h1 by 10% */

@keyframes slideback {
	0% {
		transform: translate(-50%, -50%) scale(1);
	}
	100% {
		transform: translate(-50%, -50%) scale(0.8);
	}
}