.loader

$one: #f5f5f5
$two: #4285f4
$three: #fbbc05
$four: #34a853
$five: #ea4335

html,
body
	height: 100%
	width: 100%
	display: flex
	justify-content: center
	align-items: center
	background: $one
	.loader
		height: 50px
		width: 50px
		position: relative
		&::after,
		&::before
			content: ''
			width: 50px
			height: 50px
			position: absolute
			border: solid 8px transparent
			border-radius: 50%
			animation: wiggle 1.4s ease infinite
		&::before
			border-top-color: $two
			border-bottom-color: $four
		&::after
			border-left-color: $three
			border-right-color: $five
			animation-delay: .7s
	
@keyframes wiggle
	0%
		transform: rotate(0deg) scale(1)
	50%
		transform: rotate(180deg) scale(.5)
	100%
		transform: rotate(360deg) scale(1)