body {
	margin: 0;
	padding: 0;
	background-color: #2d2d2f;
	overflow: hidden;
	transform: translate(10%, 192px);
}

.container {
	justify-content: center;
	align-items: center;
	top: 50%;
	left: 50%;
	transform: translate(35%, 50%);
	margin-top: 48px;
}

.bigcircle {
	position: absolute;
	left: 50px;
	top: 50px;
	width: 100px;
	height: 100px;
	border-radius: 50%;
	background-color: #9fff80;
	box-shadow: inset 0 0 25px rgba(0, 0, 0, .9);
	cursor: pointer;
}

.bigcircle:before,
.bigcircle:after {
	content: '';
	position: absolute;
	top: -5px;
	left: -5px;
	width: calc(100% + 10px);
	height: calc(100% + 10px);
	background: #9fff80;
	z-index: -1;
	animation: corona 7s linear infinite;
}

@keyframes corona {
	0% {
		transform: rotate(0deg) scale(1);
		filter: blur(20px);
	}
	100% {
		transform: rotate(360deg) scale(0.8);
		filter: blur(20px);
	}
}

.outercircle1 {
	transform: rotate(-5deg);
	position: absolute;
	left: 145px;
	top: 90px;
}

.point {
	width: 20px;
	height: 5px;
	background-color: #009000;
	box-shadow: inset 0 0 3px rgba(0, 0, 0, .8);
}

.outercircle {
	position: absolute;
	left: 15px;
	top: -8px;
	width: 10px;
	height: 20px;
	border-radius: 50%;
	background-color: #009900;
	box-shadow: inset 0 0 3px rgba(0, 0, 0, .8);
}

.outercircle2 {
	transform: rotate(-100deg);
	position: absolute;
	left: 80px;
	top: 40px;
}

.outercircle3 {
	transform: rotate(110deg);
	position: absolute;
	left: 70px;
	top: 150px;
}

.outercircle4 {
	transform: rotate(200deg);
	position: absolute;
	left: 50px;
	top: 70px;
}

.point2 {
	width: 15px;
	height: 5px;
	background-color: #33cc33;
	box-shadow: inset 0 0 3px rgba(0, 0, 0, .8);
}

.outercircle5 {
	transform: rotate(60deg);
	position: absolute;
	left: 120px;
	top: 145px;
}

.outercircle6 {
	position: absolute;
	left: 15px;
	top: -8px;
	width: 7px;
	height: 20px;
	border-radius: 50%;
	background-color: #33cc33;
	box-shadow: inset 0 0 3px rgba(0, 0, 0, .8);
}


.innercircle1 {
	position: absolute;
	left: 60px;
	top: 60px;
	width: 20px;
	height: 20px;
	border-radius: 50%;
	background-color: #00ff00;
	box-shadow: inset 0 0 10px rgba(0, 0, 0, .8)
}

.innercircle2 {
	position: absolute;
	left: 90px;
	top: 90px;
	width: 20px;
	height: 20px;
	border-radius: 50%;
	background-color: #00ff00;
	box-shadow: inset 0 0 10px rgba(0, 0, 0, .8)
}

.innercircle3 {
	position: absolute;
	left: 80px;
	top: 100px;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background-color: #00ff00;
	box-shadow: inset 0 0 5px rgba(0, 0, 0, .8)
}

.innercircle4 {
	position: absolute;
	left: 100px;
	top: 120px;
	width: 7px;
	height: 7px;
	border-radius: 50%;
	background-color: #00ff00;
	box-shadow: inset 0 0 5px rgba(0, 0, 0, .8)
}

.innercircle5 {
	position: absolute;
	left: 120px;
	top: 85px;
	width: 7px;
	height: 7px;
	border-radius: 50%;
	background-color: #00ff00;
	box-shadow: inset 0 0 5px rgba(0, 0, 0, .8)
}

.innercircle6 {
	position: absolute;
	left: 100px;
	top: 140px;
	width: 15px;
	height: 15px;
	border-radius: 50%;
	background-color: #00ff00;
	box-shadow: inset 0 0 5px rgba(0, 0, 0, .8)
}

.innercircle7 {
	position: absolute;
	left: 45px;
	top: 90px;
	width: 15px;
	height: 15px;
	border-radius: 50%;
	background-color: #00ff00;
	box-shadow: inset 0 0 5px rgba(0, 0, 0, .8)
}

.innercircle8 {
	position: absolute;
	left: 130px;
	top: 110px;
	width: 20px;
	height: 20px;
	border-radius: 50%;
	background-color: #00ff00;
	box-shadow: inset 0 0 5px rgba(0, 0, 0, .8)
}

.innercircle9 {
	position: absolute;
	left: 120px;
	top: 70px;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background-color: #009900;
	box-shadow: inset 0 0 5px rgba(0, 0, 0, .8)
}

.innercircle10 {
	position: absolute;
	left: 100px;
	top: 75px;
	width: 7px;
	height: 7px;
	border-radius: 50%;
	background-color: #009900;
	box-shadow: inset 0 0 5px rgba(0, 0, 0, .8)
}

.innercircle11 {
	position: absolute;
	left: 70px;
	top: 130px;
	width: 15px;
	height: 15px;
	border-radius: 50%;
	background-color: #00ff00;
	box-shadow: inset 0 0 5px rgba(0, 0, 0, .8)
}

.innercircle12 {
	position: absolute;
	left: 70px;
	top: 90px;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background-color: #00ff00;
	box-shadow: inset 0 0 5px rgba(0, 0, 0, .8)
}

.innercircle13 {
	position: absolute;
	left: 110px;
	top: 110px;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background-color: #009900;
	box-shadow: inset 0 0 5px rgba(0, 0, 0, .8)
}

.innercircle14 {
	position: absolute;
	left: 110px;
	top: 50px;
	width: 15px;
	height: 15px;
	border-radius: 50%;
	background-color: #00ff00;
	box-shadow: inset 0 0 5px rgba(0, 0, 0, .8)
}