#whitecat-splash.faded {
	display: none;
}

#whitecat-splash.fadein #fadein {
 	display: flex;
	width: 100vw;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;

    background: white;
	animation-name: fadein-keyframes;
	animation-duration: 2s;
	animation-fill-mode: forwards;
	z-index: 60000;
}

#whitecat-splash.fadein-black #fadein {
 	display: flex;
	width: 100vw;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;

    background: #ffeeaa;
	animation-name: fadein-keyframes;
	animation-duration: 2s;
	animation-fill-mode: forwards;
	z-index: 60000;
}

#whitecat-splash.faded {
	height: 0px;
}

@keyframes fadein-keyframes {
    0% {
		opacity: 1;
    }

    100% {
		opacity: 0;
    }
}