html, body {
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
	font-family: InterUI, Roboto, sans;
	background-color: #111116;
	overflow: hidden;
}

body {




background: rgba(50,89,207,1);
background: -moz-linear-gradient(45deg, rgba(50,89,207,1) 0%, rgba(0,255,170,1) 100%);
background: -webkit-gradient(left bottom, right top, color-stop(0%, rgba(50,89,207,1)), color-stop(100%, rgba(0,255,170,1)));
background: -webkit-linear-gradient(45deg, rgba(50,89,207,1) 0%, rgba(0,255,170,1) 100%);
background: -o-linear-gradient(45deg, rgba(50,89,207,1) 0%, rgba(0,255,170,1) 100%);
background: -ms-linear-gradient(45deg, rgba(50,89,207,1) 0%, rgba(0,255,170,1) 100%);
background: linear-gradient(45deg, rgba(50,89,207,1) 0%, rgba(0,255,170,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3259cf', endColorstr='#00ffaa', GradientType=1 );

}

#container {
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}

.motionPath {
	position: relative;
}

svg {
	width: 960px;
	height: 600px;
	stroke-linecap: butt;
	/*stroke: -moz-linear-gradient(45deg, rgba(50,89,207,1) 0%, rgba(0,255,170,1) 100%);*/
}

svg path {
	stroke-width: 0;
	

}

.fillPath {
	position: absolute;
	width: 18px;
	height: 18px;
	left: -9px;
	top: -9px;
	color: ;
	background: currentColor;
	border-radius: 50%;
	opacity: .5;
}