* {
	padding: 0;
}

.preloader {
	position: fixed;
	z-index: 99;
	top: 0%;
	left: 0%;
	transform: scale(100%);
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	background: white;
}

.preloader p {
	position: absolute;
	font-family: sans-serif;
	font-size: 25px;
}

#top {
	left: 50%;
	width: 70%;
	transform: translate(-50%, -150px);
}

#bottom {
	left: 50%;
	transform: translate(-50%, 125px);
}

.preloader.hidden {
	animation: 0.5s fadeout 0.0s;
	animation-fill-mode: forwards;
}

@keyframes fadeout {
	100% {
		opacity: 0;
		visibility: hidden;
	}
}