preloader#2

.preloader
	width: 100vw
	height: 100vh

	display: flex
	flex-direction: column
	justify-content: center
	align-items: center
	position: fixed
	z-index: 9999

	background: none repeat scroll 0 0 #222
	pointer-events: none

	.text
		color: #434343
		font-family: HelveticaNeueCyr
		text-transform: uppercase
		font-size: 28px
		margin-bottom: 25px

		animation: -1s textLink 1.2s infinite linear

	.circle
		width: 1px
		height: 1px

		display: block
		position: relative

		background-color: rgba(43, 43, 43, 1)

		border-radius: 50%
		border:
			top: 99px #2b2b2b solid
			left: 99px #222222 solid
			right: 99px #222222 solid
			bottom: 99px #2b2b2b solid

		animation-delay: -1s
		animation-name: preloaderRotation
		animation-duration: 1.5s
		animation-iteration-count: infinite
		animation-timing-function: linear


@keyframes preloaderRotation
	from
		transform: rotateZ(0deg)
	to
		transform: rotateZ(360deg)

@keyframes textLink
	0%
		color: #434343
	50%
		color: transparent
	100%
		color: #434343