body {
	background-color: black;
}

/* Spinner */
body {
  background-color: black;
}

#garf {
	position: absolute;
	z-index: 10;
	left: 25%;
	}

.spinner {
  width: 1200px;
  height: 1200px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -600px;
  margin-left: -600px;
  overflow: hidden;
}
.spinner .ring {
  margin: 0 auto;
  position: absolute;
  text-align: center;
}

@-webkit-keyframes el-animate-1 {
  0% {
    border-color: #f2f2f2;
    transform: rotate(0deg);
  }
  25% {
    border-color: #0d770d;
    transform: rotate(45deg);
  }
  75% {
    border-color: #770df2;
    transform: rotate(135deg);
  }
  100% {
    border-color: #f2f2f2;
    transform: rotate(180deg);
  }
}
@-moz-keyframes el-animate-1 {
  0% {
    border-color: #f2f2f2;
    transform: rotate(0deg);
  }
  25% {
    border-color: #0d770d;
    transform: rotate(45deg);
  }
  75% {
    border-color: #770df2;
    transform: rotate(135deg);
  }
  100% {
    border-color: #f2f2f2;
    transform: rotate(180deg);
  }
}
@keyframes el-animate-1 {
  0% {
    border-color: #f2f2f2;
    transform: rotate(0deg);
  }
  25% {
    border-color: #0d770d;
    transform: rotate(45deg);
  }
  75% {
    border-color: #770df2;
    transform: rotate(135deg);
  }
  100% {
    border-color: #f2f2f2;
    transform: rotate(180deg);
  }
}
.ring.el-1 {
  border: 2px solid black;
  border-color: #f2f2f2;
  left: 30px;
  top: 30px;
  width: 1140px;
  height: 1140px;
  border-radius: 399px;
  -webkit-animation: el-animate-1 3s linear;
  -moz-animation: el-animate-1 3s linear;
  animation: el-animate-1 3s linear;
  -webkit-animation-delay: 3.705s;
  -moz-animation-delay: 3.705s;
  animation-delay: 3.705s;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

@-webkit-keyframes el-animate-2 {
  0% {
    border-color: #e6e6e6;
    transform: rotate(0deg);
  }
  25% {
    border-color: #1a711a;
    transform: rotate(45deg);
  }
  75% {
    border-color: #711ae6;
    transform: rotate(135deg);
  }
  100% {
    border-color: #e6e6e6;
    transform: rotate(180deg);
  }
}
@-moz-keyframes el-animate-2 {
  0% {
    border-color: #e6e6e6;
    transform: rotate(0deg);
  }
  25% {
    border-color: #1a711a;
    transform: rotate(45deg);
  }
  75% {
    border-color: #711ae6;
    transform: rotate(135deg);
  }
  100% {
    border-color: #e6e6e6;
    transform: rotate(180deg);
  }
}
@keyframes el-animate-2 {
  0% {
    border-color: #e6e6e6;
    transform: rotate(0deg);
  }
  25% {
    border-color: #1a711a;
    transform: rotate(45deg);
  }
  75% {
    border-color: #711ae6;
    transform: rotate(135deg);
  }
  100% {
    border-color: #e6e6e6;
    transform: rotate(180deg);
  }
}
.ring.el-2 {
  border: 2px solid black;
  border-color: #e6e6e6;
  left: 60px;
  top: 60px;
  width: 1080px;
  height: 1080px;
  border-radius: 378px;
  -webkit-animation: el-animate-2 3s linear;
  -moz-animation: el-animate-2 3s linear;
  animation: el-animate-2 3s linear;
  -webkit-animation-delay: 3.51s;
  -moz-animation-delay: 3.51s;
  animation-delay: 3.51s;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

@-webkit-keyframes el-animate-3 {
  0% {
    border-color: #d9d9d9;
    transform: rotate(0deg);
  }
  25% {
    border-color: #266a26;
    transform: rotate(45deg);
  }
  75% {
    border-color: #6a26d9;
    transform: rotate(135deg);
  }
  100% {
    border-color: #d9d9d9;
    transform: rotate(180deg);
  }
}
@-moz-keyframes el-animate-3 {
  0% {
    border-color: #d9d9d9;
    transform: rotate(0deg);
  }
  25% {
    border-color: #266a26;
    transform: rotate(45deg);
  }
  75% {
    border-color: #6a26d9;
    transform: rotate(135deg);
  }
  100% {
    border-color: #d9d9d9;
    transform: rotate(180deg);
  }
}
@keyframes el-animate-3 {
  0% {
    border-color: #d9d9d9;
    transform: rotate(0deg);
  }
  25% {
    border-color: #266a26;
    transform: rotate(45deg);
  }
  75% {
    border-color: #6a26d9;
    transform: rotate(135deg);
  }
  100% {
    border-color: #d9d9d9;
    transform: rotate(180deg);
  }
}
.ring.el-3 {
  border: 2px solid black;
  border-color: #d9d9d9;
  left: 90px;
  top: 90px;
  width: 1020px;
  height: 1020px;
  border-radius: 357px;
  -webkit-animation: el-animate-3 3s linear;
  -moz-animation: el-animate-3 3s linear;
  animation: el-animate-3 3s linear;
  -webkit-animation-delay: 3.315s;
  -moz-animation-delay: 3.315s;
  animation-delay: 3.315s;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

@-webkit-keyframes el-animate-4 {
  0% {
    border-color: #cccccc;
    transform: rotate(0deg);
  }
  25% {
    border-color: #336433;
    transform: rotate(45deg);
  }
  75% {
    border-color: #6433cc;
    transform: rotate(135deg);
  }
  100% {
    border-color: #cccccc;
    transform: rotate(180deg);
  }
}
@-moz-keyframes el-animate-4 {
  0% {
    border-color: #cccccc;
    transform: rotate(0deg);
  }
  25% {
    border-color: #336433;
    transform: rotate(45deg);
  }
  75% {
    border-color: #6433cc;
    transform: rotate(135deg);
  }
  100% {
    border-color: #cccccc;
    transform: rotate(180deg);
  }
}
@keyframes el-animate-4 {
  0% {
    border-color: #cccccc;
    transform: rotate(0deg);
  }
  25% {
    border-color: #336433;
    transform: rotate(45deg);
  }
  75% {
    border-color: #6433cc;
    transform: rotate(135deg);
  }
  100% {
    border-color: #cccccc;
    transform: rotate(180deg);
  }
}
.ring.el-4 {
  border: 2px solid black;
  border-color: #cccccc;
  left: 120px;
  top: 120px;
  width: 960px;
  height: 960px;
  border-radius: 336px;
  -webkit-animation: el-animate-4 3s linear;
  -moz-animation: el-animate-4 3s linear;
  animation: el-animate-4 3s linear;
  -webkit-animation-delay: 3.12s;
  -moz-animation-delay: 3.12s;
  animation-delay: 3.12s;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

@-webkit-keyframes el-animate-5 {
  0% {
    border-color: #bfbfbf;
    transform: rotate(0deg);
  }
  25% {
    border-color: #405e40;
    transform: rotate(45deg);
  }
  75% {
    border-color: #5e40bf;
    transform: rotate(135deg);
  }
  100% {
    border-color: #bfbfbf;
    transform: rotate(180deg);
  }
}
@-moz-keyframes el-animate-5 {
  0% {
    border-color: #bfbfbf;
    transform: rotate(0deg);
  }
  25% {
    border-color: #405e40;
    transform: rotate(45deg);
  }
  75% {
    border-color: #5e40bf;
    transform: rotate(135deg);
  }
  100% {
    border-color: #bfbfbf;
    transform: rotate(180deg);
  }
}
@keyframes el-animate-5 {
  0% {
    border-color: #bfbfbf;
    transform: rotate(0deg);
  }
  25% {
    border-color: #405e40;
    transform: rotate(45deg);
  }
  75% {
    border-color: #5e40bf;
    transform: rotate(135deg);
  }
  100% {
    border-color: #bfbfbf;
    transform: rotate(180deg);
  }
}
.ring.el-5 {
  border: 2px solid black;
  border-color: #bfbfbf;
  left: 150px;
  top: 150px;
  width: 900px;
  height: 900px;
  border-radius: 315px;
  -webkit-animation: el-animate-5 3s linear;
  -moz-animation: el-animate-5 3s linear;
  animation: el-animate-5 3s linear;
  -webkit-animation-delay: 2.925s;
  -moz-animation-delay: 2.925s;
  animation-delay: 2.925s;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

@-webkit-keyframes el-animate-6 {
  0% {
    border-color: #b3b3b3;
    transform: rotate(0deg);
  }
  25% {
    border-color: #4d584d;
    transform: rotate(45deg);
  }
  75% {
    border-color: #584db3;
    transform: rotate(135deg);
  }
  100% {
    border-color: #b3b3b3;
    transform: rotate(180deg);
  }
}
@-moz-keyframes el-animate-6 {
  0% {
    border-color: #b3b3b3;
    transform: rotate(0deg);
  }
  25% {
    border-color: #4d584d;
    transform: rotate(45deg);
  }
  75% {
    border-color: #584db3;
    transform: rotate(135deg);
  }
  100% {
    border-color: #b3b3b3;
    transform: rotate(180deg);
  }
}
@keyframes el-animate-6 {
  0% {
    border-color: #b3b3b3;
    transform: rotate(0deg);
  }
  25% {
    border-color: #4d584d;
    transform: rotate(45deg);
  }
  75% {
    border-color: #584db3;
    transform: rotate(135deg);
  }
  100% {
    border-color: #b3b3b3;
    transform: rotate(180deg);
  }
}
.ring.el-6 {
  border: 2px solid black;
  border-color: #b3b3b3;
  left: 180px;
  top: 180px;
  width: 840px;
  height: 840px;
  border-radius: 294px;
  -webkit-animation: el-animate-6 3s linear;
  -moz-animation: el-animate-6 3s linear;
  animation: el-animate-6 3s linear;
  -webkit-animation-delay: 2.73s;
  -moz-animation-delay: 2.73s;
  animation-delay: 2.73s;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

@-webkit-keyframes el-animate-7 {
  0% {
    border-color: #a6a6a6;
    transform: rotate(0deg);
  }
  25% {
    border-color: #595159;
    transform: rotate(45deg);
  }
  75% {
    border-color: #5159a6;
    transform: rotate(135deg);
  }
  100% {
    border-color: #a6a6a6;
    transform: rotate(180deg);
  }
}
@-moz-keyframes el-animate-7 {
  0% {
    border-color: #a6a6a6;
    transform: rotate(0deg);
  }
  25% {
    border-color: #595159;
    transform: rotate(45deg);
  }
  75% {
    border-color: #5159a6;
    transform: rotate(135deg);
  }
  100% {
    border-color: #a6a6a6;
    transform: rotate(180deg);
  }
}
@keyframes el-animate-7 {
  0% {
    border-color: #a6a6a6;
    transform: rotate(0deg);
  }
  25% {
    border-color: #595159;
    transform: rotate(45deg);
  }
  75% {
    border-color: #5159a6;
    transform: rotate(135deg);
  }
  100% {
    border-color: #a6a6a6;
    transform: rotate(180deg);
  }
}
.ring.el-7 {
  border: 2px solid black;
  border-color: #a6a6a6;
  left: 210px;
  top: 210px;
  width: 780px;
  height: 780px;
  border-radius: 273px;
  -webkit-animation: el-animate-7 3s linear;
  -moz-animation: el-animate-7 3s linear;
  animation: el-animate-7 3s linear;
  -webkit-animation-delay: 2.535s;
  -moz-animation-delay: 2.535s;
  animation-delay: 2.535s;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

@-webkit-keyframes el-animate-8 {
  0% {
    border-color: #999999;
    transform: rotate(0deg);
  }
  25% {
    border-color: #664b66;
    transform: rotate(45deg);
  }
  75% {
    border-color: #4b6699;
    transform: rotate(135deg);
  }
  100% {
    border-color: #999999;
    transform: rotate(180deg);
  }
}
@-moz-keyframes el-animate-8 {
  0% {
    border-color: #999999;
    transform: rotate(0deg);
  }
  25% {
    border-color: #664b66;
    transform: rotate(45deg);
  }
  75% {
    border-color: #4b6699;
    transform: rotate(135deg);
  }
  100% {
    border-color: #999999;
    transform: rotate(180deg);
  }
}
@keyframes el-animate-8 {
  0% {
    border-color: #999999;
    transform: rotate(0deg);
  }
  25% {
    border-color: #664b66;
    transform: rotate(45deg);
  }
  75% {
    border-color: #4b6699;
    transform: rotate(135deg);
  }
  100% {
    border-color: #999999;
    transform: rotate(180deg);
  }
}
.ring.el-8 {
  border: 2px solid black;
  border-color: #999999;
  left: 240px;
  top: 240px;
  width: 720px;
  height: 720px;
  border-radius: 252px;
  -webkit-animation: el-animate-8 3s linear;
  -moz-animation: el-animate-8 3s linear;
  animation: el-animate-8 3s linear;
  -webkit-animation-delay: 2.34s;
  -moz-animation-delay: 2.34s;
  animation-delay: 2.34s;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

@-webkit-keyframes el-animate-9 {
  0% {
    border-color: #8c8c8c;
    transform: rotate(0deg);
  }
  25% {
    border-color: #734573;
    transform: rotate(45deg);
  }
  75% {
    border-color: #45738c;
    transform: rotate(135deg);
  }
  100% {
    border-color: #8c8c8c;
    transform: rotate(180deg);
  }
}
@-moz-keyframes el-animate-9 {
  0% {
    border-color: #8c8c8c;
    transform: rotate(0deg);
  }
  25% {
    border-color: #734573;
    transform: rotate(45deg);
  }
  75% {
    border-color: #45738c;
    transform: rotate(135deg);
  }
  100% {
    border-color: #8c8c8c;
    transform: rotate(180deg);
  }
}
@keyframes el-animate-9 {
  0% {
    border-color: #8c8c8c;
    transform: rotate(0deg);
  }
  25% {
    border-color: #734573;
    transform: rotate(45deg);
  }
  75% {
    border-color: #45738c;
    transform: rotate(135deg);
  }
  100% {
    border-color: #8c8c8c;
    transform: rotate(180deg);
  }
}
.ring.el-9 {
  border: 2px solid black;
  border-color: #8c8c8c;
  left: 270px;
  top: 270px;
  width: 660px;
  height: 660px;
  border-radius: 231px;
  -webkit-animation: el-animate-9 3s linear;
  -moz-animation: el-animate-9 3s linear;
  animation: el-animate-9 3s linear;
  -webkit-animation-delay: 2.145s;
  -moz-animation-delay: 2.145s;
  animation-delay: 2.145s;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

@-webkit-keyframes el-animate-10 {
  0% {
    border-color: gray;
    transform: rotate(0deg);
  }
  25% {
    border-color: #803f80;
    transform: rotate(45deg);
  }
  75% {
    border-color: #3f8080;
    transform: rotate(135deg);
  }
  100% {
    border-color: gray;
    transform: rotate(180deg);
  }
}
@-moz-keyframes el-animate-10 {
  0% {
    border-color: gray;
    transform: rotate(0deg);
  }
  25% {
    border-color: #803f80;
    transform: rotate(45deg);
  }
  75% {
    border-color: #3f8080;
    transform: rotate(135deg);
  }
  100% {
    border-color: gray;
    transform: rotate(180deg);
  }
}
@keyframes el-animate-10 {
  0% {
    border-color: gray;
    transform: rotate(0deg);
  }
  25% {
    border-color: #803f80;
    transform: rotate(45deg);
  }
  75% {
    border-color: #3f8080;
    transform: rotate(135deg);
  }
  100% {
    border-color: gray;
    transform: rotate(180deg);
  }
}
.ring.el-10 {
  border: 2px solid black;
  border-color: gray;
  left: 300px;
  top: 300px;
  width: 600px;
  height: 600px;
  border-radius: 210px;
  -webkit-animation: el-animate-10 3s linear;
  -moz-animation: el-animate-10 3s linear;
  animation: el-animate-10 3s linear;
  -webkit-animation-delay: 1.95s;
  -moz-animation-delay: 1.95s;
  animation-delay: 1.95s;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

@-webkit-keyframes el-animate-11 {
  0% {
    border-color: #737373;
    transform: rotate(0deg);
  }
  25% {
    border-color: #8c388c;
    transform: rotate(45deg);
  }
  75% {
    border-color: #388c73;
    transform: rotate(135deg);
  }
  100% {
    border-color: #737373;
    transform: rotate(180deg);
  }
}
@-moz-keyframes el-animate-11 {
  0% {
    border-color: #737373;
    transform: rotate(0deg);
  }
  25% {
    border-color: #8c388c;
    transform: rotate(45deg);
  }
  75% {
    border-color: #388c73;
    transform: rotate(135deg);
  }
  100% {
    border-color: #737373;
    transform: rotate(180deg);
  }
}
@keyframes el-animate-11 {
  0% {
    border-color: #737373;
    transform: rotate(0deg);
  }
  25% {
    border-color: #8c388c;
    transform: rotate(45deg);
  }
  75% {
    border-color: #388c73;
    transform: rotate(135deg);
  }
  100% {
    border-color: #737373;
    transform: rotate(180deg);
  }
}
.ring.el-11 {
  border: 2px solid black;
  border-color: #737373;
  left: 330px;
  top: 330px;
  width: 540px;
  height: 540px;
  border-radius: 189px;
  -webkit-animation: el-animate-11 3s linear;
  -moz-animation: el-animate-11 3s linear;
  animation: el-animate-11 3s linear;
  -webkit-animation-delay: 1.755s;
  -moz-animation-delay: 1.755s;
  animation-delay: 1.755s;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

@-webkit-keyframes el-animate-12 {
  0% {
    border-color: #666666;
    transform: rotate(0deg);
  }
  25% {
    border-color: #993299;
    transform: rotate(45deg);
  }
  75% {
    border-color: #329966;
    transform: rotate(135deg);
  }
  100% {
    border-color: #666666;
    transform: rotate(180deg);
  }
}
@-moz-keyframes el-animate-12 {
  0% {
    border-color: #666666;
    transform: rotate(0deg);
  }
  25% {
    border-color: #993299;
    transform: rotate(45deg);
  }
  75% {
    border-color: #329966;
    transform: rotate(135deg);
  }
  100% {
    border-color: #666666;
    transform: rotate(180deg);
  }
}
@keyframes el-animate-12 {
  0% {
    border-color: #666666;
    transform: rotate(0deg);
  }
  25% {
    border-color: #993299;
    transform: rotate(45deg);
  }
  75% {
    border-color: #329966;
    transform: rotate(135deg);
  }
  100% {
    border-color: #666666;
    transform: rotate(180deg);
  }
}
.ring.el-12 {
  border: 2px solid black;
  border-color: #666666;
  left: 360px;
  top: 360px;
  width: 480px;
  height: 480px;
  border-radius: 168px;
  -webkit-animation: el-animate-12 3s linear;
  -moz-animation: el-animate-12 3s linear;
  animation: el-animate-12 3s linear;
  -webkit-animation-delay: 1.56s;
  -moz-animation-delay: 1.56s;
  animation-delay: 1.56s;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

@-webkit-keyframes el-animate-13 {
  0% {
    border-color: #595959;
    transform: rotate(0deg);
  }
  25% {
    border-color: #a62ca6;
    transform: rotate(45deg);
  }
  75% {
    border-color: #2ca659;
    transform: rotate(135deg);
  }
  100% {
    border-color: #595959;
    transform: rotate(180deg);
  }
}
@-moz-keyframes el-animate-13 {
  0% {
    border-color: #595959;
    transform: rotate(0deg);
  }
  25% {
    border-color: #a62ca6;
    transform: rotate(45deg);
  }
  75% {
    border-color: #2ca659;
    transform: rotate(135deg);
  }
  100% {
    border-color: #595959;
    transform: rotate(180deg);
  }
}
@keyframes el-animate-13 {
  0% {
    border-color: #595959;
    transform: rotate(0deg);
  }
  25% {
    border-color: #a62ca6;
    transform: rotate(45deg);
  }
  75% {
    border-color: #2ca659;
    transform: rotate(135deg);
  }
  100% {
    border-color: #595959;
    transform: rotate(180deg);
  }
}
.ring.el-13 {
  border: 2px solid black;
  border-color: #595959;
  left: 390px;
  top: 390px;
  width: 420px;
  height: 420px;
  border-radius: 147px;
  -webkit-animation: el-animate-13 3s linear;
  -moz-animation: el-animate-13 3s linear;
  animation: el-animate-13 3s linear;
  -webkit-animation-delay: 1.365s;
  -moz-animation-delay: 1.365s;
  animation-delay: 1.365s;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

@-webkit-keyframes el-animate-14 {
  0% {
    border-color: #4d4d4d;
    transform: rotate(0deg);
  }
  25% {
    border-color: #b326b3;
    transform: rotate(45deg);
  }
  75% {
    border-color: #26b34d;
    transform: rotate(135deg);
  }
  100% {
    border-color: #4d4d4d;
    transform: rotate(180deg);
  }
}
@-moz-keyframes el-animate-14 {
  0% {
    border-color: #4d4d4d;
    transform: rotate(0deg);
  }
  25% {
    border-color: #b326b3;
    transform: rotate(45deg);
  }
  75% {
    border-color: #26b34d;
    transform: rotate(135deg);
  }
  100% {
    border-color: #4d4d4d;
    transform: rotate(180deg);
  }
}
@keyframes el-animate-14 {
  0% {
    border-color: #4d4d4d;
    transform: rotate(0deg);
  }
  25% {
    border-color: #b326b3;
    transform: rotate(45deg);
  }
  75% {
    border-color: #26b34d;
    transform: rotate(135deg);
  }
  100% {
    border-color: #4d4d4d;
    transform: rotate(180deg);
  }
}
.ring.el-14 {
  border: 2px solid black;
  border-color: #4d4d4d;
  left: 420px;
  top: 420px;
  width: 360px;
  height: 360px;
  border-radius: 126px;
  -webkit-animation: el-animate-14 3s linear;
  -moz-animation: el-animate-14 3s linear;
  animation: el-animate-14 3s linear;
  -webkit-animation-delay: 1.17s;
  -moz-animation-delay: 1.17s;
  animation-delay: 1.17s;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

@-webkit-keyframes el-animate-15 {
  0% {
    border-color: #404040;
    transform: rotate(0deg);
  }
  25% {
    border-color: #bf1fbf;
    transform: rotate(45deg);
  }
  75% {
    border-color: #1fbf40;
    transform: rotate(135deg);
  }
  100% {
    border-color: #404040;
    transform: rotate(180deg);
  }
}
@-moz-keyframes el-animate-15 {
  0% {
    border-color: #404040;
    transform: rotate(0deg);
  }
  25% {
    border-color: #bf1fbf;
    transform: rotate(45deg);
  }
  75% {
    border-color: #1fbf40;
    transform: rotate(135deg);
  }
  100% {
    border-color: #404040;
    transform: rotate(180deg);
  }
}
@keyframes el-animate-15 {
  0% {
    border-color: #404040;
    transform: rotate(0deg);
  }
  25% {
    border-color: #bf1fbf;
    transform: rotate(45deg);
  }
  75% {
    border-color: #1fbf40;
    transform: rotate(135deg);
  }
  100% {
    border-color: #404040;
    transform: rotate(180deg);
  }
}
.ring.el-15 {
  border: 2px solid black;
  border-color: #404040;
  left: 450px;
  top: 450px;
  width: 300px;
  height: 300px;
  border-radius: 105px;
  -webkit-animation: el-animate-15 3s linear;
  -moz-animation: el-animate-15 3s linear;
  animation: el-animate-15 3s linear;
  -webkit-animation-delay: 0.975s;
  -moz-animation-delay: 0.975s;
  animation-delay: 0.975s;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

@-webkit-keyframes el-animate-16 {
  0% {
    border-color: #333333;
    transform: rotate(0deg);
  }
  25% {
    border-color: #cc19cc;
    transform: rotate(45deg);
  }
  75% {
    border-color: #19cc33;
    transform: rotate(135deg);
  }
  100% {
    border-color: #333333;
    transform: rotate(180deg);
  }
}
@-moz-keyframes el-animate-16 {
  0% {
    border-color: #333333;
    transform: rotate(0deg);
  }
  25% {
    border-color: #cc19cc;
    transform: rotate(45deg);
  }
  75% {
    border-color: #19cc33;
    transform: rotate(135deg);
  }
  100% {
    border-color: #333333;
    transform: rotate(180deg);
  }
}
@keyframes el-animate-16 {
  0% {
    border-color: #333333;
    transform: rotate(0deg);
  }
  25% {
    border-color: #cc19cc;
    transform: rotate(45deg);
  }
  75% {
    border-color: #19cc33;
    transform: rotate(135deg);
  }
  100% {
    border-color: #333333;
    transform: rotate(180deg);
  }
}
.ring.el-16 {
  border: 2px solid black;
  border-color: #333333;
  left: 480px;
  top: 480px;
  width: 240px;
  height: 240px;
  border-radius: 84px;
  -webkit-animation: el-animate-16 3s linear;
  -moz-animation: el-animate-16 3s linear;
  animation: el-animate-16 3s linear;
  -webkit-animation-delay: 0.78s;
  -moz-animation-delay: 0.78s;
  animation-delay: 0.78s;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

@-webkit-keyframes el-animate-17 {
  0% {
    border-color: #262626;
    transform: rotate(0deg);
  }
  25% {
    border-color: #d913d9;
    transform: rotate(45deg);
  }
  75% {
    border-color: #13d926;
    transform: rotate(135deg);
  }
  100% {
    border-color: #262626;
    transform: rotate(180deg);
  }
}
@-moz-keyframes el-animate-17 {
  0% {
    border-color: #262626;
    transform: rotate(0deg);
  }
  25% {
    border-color: #d913d9;
    transform: rotate(45deg);
  }
  75% {
    border-color: #13d926;
    transform: rotate(135deg);
  }
  100% {
    border-color: #262626;
    transform: rotate(180deg);
  }
}
@keyframes el-animate-17 {
  0% {
    border-color: #262626;
    transform: rotate(0deg);
  }
  25% {
    border-color: #d913d9;
    transform: rotate(45deg);
  }
  75% {
    border-color: #13d926;
    transform: rotate(135deg);
  }
  100% {
    border-color: #262626;
    transform: rotate(180deg);
  }
}
.ring.el-17 {
  border: 2px solid black;
  border-color: #262626;
  left: 510px;
  top: 510px;
  width: 180px;
  height: 180px;
  border-radius: 63px;
  -webkit-animation: el-animate-17 3s linear;
  -moz-animation: el-animate-17 3s linear;
  animation: el-animate-17 3s linear;
  -webkit-animation-delay: 0.585s;
  -moz-animation-delay: 0.585s;
  animation-delay: 0.585s;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

@-webkit-keyframes el-animate-18 {
  0% {
    border-color: #1a1a1a;
    transform: rotate(0deg);
  }
  25% {
    border-color: #e60de6;
    transform: rotate(45deg);
  }
  75% {
    border-color: #0de61a;
    transform: rotate(135deg);
  }
  100% {
    border-color: #1a1a1a;
    transform: rotate(180deg);
  }
}
@-moz-keyframes el-animate-18 {
  0% {
    border-color: #1a1a1a;
    transform: rotate(0deg);
  }
  25% {
    border-color: #e60de6;
    transform: rotate(45deg);
  }
  75% {
    border-color: #0de61a;
    transform: rotate(135deg);
  }
  100% {
    border-color: #1a1a1a;
    transform: rotate(180deg);
  }
}
@keyframes el-animate-18 {
  0% {
    border-color: #1a1a1a;
    transform: rotate(0deg);
  }
  25% {
    border-color: #e60de6;
    transform: rotate(45deg);
  }
  75% {
    border-color: #0de61a;
    transform: rotate(135deg);
  }
  100% {
    border-color: #1a1a1a;
    transform: rotate(180deg);
  }
}
.ring.el-18 {
  border: 2px solid black;
  border-color: #1a1a1a;
  left: 540px;
  top: 540px;
  width: 120px;
  height: 120px;
  border-radius: 42px;
  -webkit-animation: el-animate-18 3s linear;
  -moz-animation: el-animate-18 3s linear;
  animation: el-animate-18 3s linear;
  -webkit-animation-delay: 0.39s;
  -moz-animation-delay: 0.39s;
  animation-delay: 0.39s;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

@-webkit-keyframes el-animate-19 {
  0% {
    border-color: #0d0d0d;
    transform: rotate(0deg);
  }
  25% {
    border-color: #f206f2;
    transform: rotate(45deg);
  }
  75% {
    border-color: #06f20d;
    transform: rotate(135deg);
  }
  100% {
    border-color: #0d0d0d;
    transform: rotate(180deg);
  }
}
@-moz-keyframes el-animate-19 {
  0% {
    border-color: #0d0d0d;
    transform: rotate(0deg);
  }
  25% {
    border-color: #f206f2;
    transform: rotate(45deg);
  }
  75% {
    border-color: #06f20d;
    transform: rotate(135deg);
  }
  100% {
    border-color: #0d0d0d;
    transform: rotate(180deg);
  }
}
@keyframes el-animate-19 {
  0% {
    border-color: #0d0d0d;
    transform: rotate(0deg);
  }
  25% {
    border-color: #f206f2;
    transform: rotate(45deg);
  }
  75% {
    border-color: #06f20d;
    transform: rotate(135deg);
  }
  100% {
    border-color: #0d0d0d;
    transform: rotate(180deg);
  }
}
.ring.el-19 {
  border: 2px solid black;
  border-color: #0d0d0d;
  left: 570px;
  top: 570px;
  width: 60px;
  height: 60px;
  border-radius: 21px;
  -webkit-animation: el-animate-19 3s linear;
  -moz-animation: el-animate-19 3s linear;
  animation: el-animate-19 3s linear;
  -webkit-animation-delay: 0.195s;
  -moz-animation-delay: 0.195s;
  animation-delay: 0.195s;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

@-webkit-keyframes el-animate-20 {
  0% {
    border-color: black;
    transform: rotate(0deg);
  }
  25% {
    border-color: magenta;
    transform: rotate(45deg);
  }
  75% {
    border-color: lime;
    transform: rotate(135deg);
  }
  100% {
    border-color: black;
    transform: rotate(180deg);
  }
}
@-moz-keyframes el-animate-20 {
  0% {
    border-color: black;
    transform: rotate(0deg);
  }
  25% {
    border-color: magenta;
    transform: rotate(45deg);
  }
  75% {
    border-color: lime;
    transform: rotate(135deg);
  }
  100% {
    border-color: black;
    transform: rotate(180deg);
  }
}
@keyframes el-animate-20 {
  0% {
    border-color: black;
    transform: rotate(0deg);
  }
  25% {
    border-color: magenta;
    transform: rotate(45deg);
  }
  75% {
    border-color: lime;
    transform: rotate(135deg);
  }
  100% {
    border-color: black;
    transform: rotate(180deg);
  }
}
.ring.el-20 {
  border: 2px solid black;
  border-color: black;
  left: 600px;
  top: 600px;
  width: 0px;
  height: 0px;
  border-radius: 0px;
  -webkit-animation: el-animate-20 3s linear;
  -moz-animation: el-animate-20 3s linear;
  animation: el-animate-20 3s linear;
  -webkit-animation-delay: 0s;
  -moz-animation-delay: 0s;
  animation-delay: 0s;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}