//preloader
.preloader {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100vh;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	z-index: 9999;
	.loading-bar {
		width: 100%;
		height: 3px;
		margin-top: 30px;
		position: relative;
		overflow: hidden;
		background: $gray-300;
		&:before {
			content: "";
			width: 35px;
			height: 3px;
			background: $primary;
			position: absolute;
			left: -34px;
			animation: bluebar 1.5s infinite ease;
		}
	}
}
@keyframes bluebar {
	50% {
		left: 96px;
	}
}