*
{
	margin:0;
	padding: 0;
	box-sizing: border-box;
}

.loader
{
	position: fixed;
	width: 120px;
	height: 120px;
    top: 50%;
	left: 50%;
    z-index: 9999;
    display: none;
}
.loader span
{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	transform: rotate(calc(18deg *var(--i)));
}
.loader span::before
{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 15px;
	height: 15px;
	background: #164e80;
	border-radius: 50%;
	transform: scale(0);
	animation: animate 2s linear infinite;
	animation-delay: calc(0.1s * var(--i));
}
@keyframes rotating
{
	0%
	{
		transform: rotate(10deg);
	}
	100%
	{
		transform: rotate(370deg);
	}
}
@keyframes animate
{
	0%
	{
		transform: scale(0);
	}
	10%
	{
		transform: scale(1.2);
	}
	80%, 100%
	{
		transform: scale(0);
	}
}
.rocket
{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	animation: rotating 2s linear infinite;
	animation-delay: -1s;
}
.rocket::before
{
	content: '\f072';
	font-family: fontAwesome;
	position: absolute;
	top: 80px;
	left: 85px;
	color: #164e80;
	font-size : 60px;
	transform: rotate(180deg);

}