#logoBox {
	width: 100vw;
	height: 100vh;
	display: flex;
	flex-direction: column-reverse;
	align-items: center;
	justify-content: center;
}
#logo {
	width: 200px;
	aspect-ratio: 1/1;
	background-image: url(assets/If-300px.jpg);
	background-size: contain;
	animation: logrow 5s ease 0s 1 forwards;
}

#message {
	opacity: 0;
	animation: fadeIn 2s linear 5s 1 forwards;
	width: 60vw;
    position: absolute;
    bottom: 1em;
}

@keyframes logrow {
	0% {
		transform: scale(1.0);
	}
	100% {
		transform: scale(1.5);
	}
}

@keyframes fadeIn {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}