@import url("https://fonts.googleapis.com/css?family=Montserrat:900");

body {
	background-color: #141414;
	padding: 0;
	margin: 0;
	height: 100vh;
	width: 100vw;
	display: flex;
	align-items: center;
	justify-content: center;
   font-family: "Montserrat", sans-serif;
}

.loader {
	-webkit-perspective:700px;
	perspective: 700px;
}

.loader > span {
	font-size: 130px;
	display: inline-block;
	animation: flip 2.6s infinite linear;
	transform-origin: 0 70%;
	transform-style: preserve-3d;
	-webkit-transform-style: preserve-3d;
   color: #00b376;
}

@keyframes flip {
	35% {
		transform: rotateX(360deg);
	}
	100% {
		transform: rotatex(360deg);
	}
}

.loader > span:nth-child(even) {
	color:white;

}

.loader > span:nth-child(2) {
	animation-delay: 0.3s;
}

.loader > span:nth-child(3) {
	animation-delay: 0.6s;
}

.loader > span:nth-child(4) {
	animation-delay: 0.9s;
}

.loader > span:nth-child(5) {
	animation-delay: 1.2s;
}

.loader > span:nth-child(6) {
	animation-delay: 1.5s
}

.loader > span:nth-child(7) {
	animation-delay: 1.8s
}