/*===== All Preloader Style =====*/
:root {
	--effect: hover 1s linear infinite;
}
.preloader {
	/* Body Overlay */
	/*	position: fixed;
	top: 0;
	left: 0;
	display: table;
	height: 100%;
	width: 100%;
	/* Change Background Color */
	background: #15475e;
	z-index: 99999;
}

.preloader .loader {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}

.preloader .loader p {
	display: inline-block;
	text-transform: uppercase;
	text-align: center;
	font-size: 4em;
	font-family: arial;
	font-weight: 600;
	transform: scale(0.5);
	color: #232323;
	-webkit-text-stroke: 2px gray;
}

.preloader .loader p:nth-child(1) {
	animation: var(--effect);
	-webkit-animation: var(--effect);
}

.preloader .loader p:nth-child(2) {
	animation: var(--effect) 0.125s;
}

.preloader .loader p:nth-child(3) {
	animation: var(--effect) 0.25s;
}

.preloader .loader p:nth-child(4) {
	animation: var(--effect) 0.375s;
}

.preloader .loader p:nth-child(5) {
	animation: var(--effect) 0.5s;
}

.preloader .loader p:nth-child(6) {
	animation: var(--effect) 0.675s;
}

.preloader .loader p:nth-child(7) {
	animation: var(--effect) 0.75s;
}

@keyframes hover {
	0% {
		transform: scale(0.5);
		color: var();
	}

	20% {
		transform: scale(1);
		color: pink;
		filter: drop-shadow(0 0 1px black) drop-shadow(0 0 1px black) drop-shadow(0 0 3px rgb(222, 197, 5)) drop-shadow(0 0 5px rgb(255, 213, 0));
		-webkit-filter: drop-shadow(0 0 1px black) drop-shadow(0 0 1px black) drop-shadow(0 0 3px rgb(222, 197, 5))
			drop-shadow(0 0 5px rgb(255, 213, 0));
	}

	50% {
		transform: scale(0.5);
		color: #232323;
	}
}