.centr {
  position:relative;
  text-align:center;
  margin:auto;
  width:600px;
}
.rinnegan-holder{
  border:5px solid #010101;
  text-align:center;
  background-color:#fff;
  position:absolute;
  height:310px;
  width:600px;
  border-radius:50%;
  z-index:1;
  background-color:#fff;
}

.rinnegan {
  position:relative;
  z-index:2;
  margin-left:140px;
  background-color:#BC79FF;
  height:300px;
  width:300px;
  display:block;
  border-radius:50%;
  border:10px solid #010101;
  background-color: #000000; // Old browsers
  @include filter-gradient(#000000, #bc79ff, horizontal); // IE6-9 fallback on horizontal gradient
  @include background-image(radial-gradient(center, ellipse cover,  #000000 0%,#050202 6%,#bc79ff 8%,#bc79ff 23%,#020101 25%,#bc79ff 27%,#bc79ff 40%,#000000 43%,#bc79ff 46%,#bc79ff 61%,#000000 63%,#bc79ff 65%,#bc79ff 79%,#000000 81%,#bc79ff 82%,#bc79ff 100%));
  
  -webkit-box-shadow: 0 0 100px 1px rgba(188,121,255,1);
box-shadow: 0 0 100px 1px rgba(188,121,255,1);

  .outercircle {
    width:100%;
    height:100%;
    display:block;
    border-radius:50%;
    opacity:.2;
    background: -moz-radial-gradient(center, ellipse cover,  rgba(255,255,255,1) 0%, rgba(255,255,255,0.9) 10%, rgba(0,0,0,0.7) 30%, rgba(0,0,0,0) 100%); /* FF3.6+ */
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(255,255,255,1)), color-stop(10%,rgba(255,255,255,0.9)), color-stop(30%,rgba(0,0,0,0.7)), color-stop(100%,rgba(0,0,0,0))); /* Chrome,Safari4+ */
background: -webkit-radial-gradient(center, ellipse cover,  rgba(255,255,255,1) 0%,rgba(255,255,255,0.9) 10%,rgba(0,0,0,0.7) 30%,rgba(0,0,0,0) 100%); /* Chrome10+,Safari5.1+ */
background: -o-radial-gradient(center, ellipse cover,  rgba(255,255,255,1) 0%,rgba(255,255,255,0.9) 10%,rgba(0,0,0,0.7) 30%,rgba(0,0,0,0) 100%); /* Opera 12+ */
background: -ms-radial-gradient(center, ellipse cover,  rgba(255,255,255,1) 0%,rgba(255,255,255,0.9) 10%,rgba(0,0,0,0.7) 30%,rgba(0,0,0,0) 100%); /* IE10+ */
background: radial-gradient(ellipse at center,  rgba(255,255,255,1) 0%,rgba(255,255,255,0.9) 10%,rgba(0,0,0,0.7) 30%,rgba(0,0,0,0) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00000000',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */


  }
}


html{height:100%;}
body {
background:#0D343A;
background:-webkit-gradient(linear,0% 0%,0% 100%, from(rgba(13,52,58,1) ), to(#000000)  );
background: -moz-linear-gradient(top, rgba(13,52,58,1) 0%, rgba(0,0,0,1) 100%);

overflow:hidden;}


.drop {
  background:-webkit-gradient(linear,0% 0%,0% 100%, from(rgba(13,52,58,1) ), to(rgba(255,255,255,0.6))  );
  background: -moz-linear-gradient(top, rgba(13,52,58,1) 0%, rgba(255,255,255,.6) 100%);
	width:1px;
	height:89px;
	position: absolute;
	bottom:200px;
	-webkit-animation: fall .63s linear infinite;
  -moz-animation: fall .63s linear infinite;
  z-index:3;
}

/* animate the drops*/
@-webkit-keyframes fall {
	to {margin-top:900px;}
}
@-moz-keyframes fall {
	to {margin-top:900px;}
}

.overlay {
  background-color:#000;
  height:800px;
  width:100%;
  position:fixed;
  z-index:5;
  opacity:0.5;
}