* {
		box-sizing: border-box;
		border: 0;
		font-family: Arial;
	}
	
    html, body {
		margin: 0;
		padding: 0;
		width: 100%;
		height: 100%;
	}
	
	#circle_wrap {
		position: relative;		
		width: 800px;
		height: 700px;
	}
	
	#red_circle {
		width: 400px;
		height: 400px;
		-webkit-border-radius: 200px;
		-moz-border-radius: 200px;
		border-radius: 200px;
		background: rgb(147,0,0);
background: radial-gradient(circle, rgba(147,0,0,1) 0%, rgba(215,0,0,1) 76%, rgba(232,0,0,1) 100%);
		  position: absolute;
		  top: 300px;
		  left: 400px;
		  transform: translate(-50%, -50%);
	}
	
	.detection_circle {
		background: #ff0000 !important;
	}
	
	.error_marker {
		width: 100px;
		height: 100px;
		-webkit-border-radius: 50px;
		-moz-border-radius: 50px;
		border-radius: 50px;
		border: 1px solid rgb(0,0,233) !important;
		background: transparent;
		position: absolute;
		caret-color: transparent;
		color: transparent;
		transform: translate(-50%, -50%);
	}
	
	.circle_small {
		width: 250px;
		height: 250px;
		-webkit-border-radius: 124.3px;
		-moz-border-radius: 124.3px;
		border-radius: 124.3px;
		background: rgb(233,233,233);
		background: radial-gradient(circle, rgba(233,233,233,1) 0%, rgba(124,124,124,1) 62%, rgba(84,84,84,1) 100%); 
		position: relative;
		caret-color: transparent;
		color: transparent;
    }
	
	.c1 {
		top: 0px;
		left: 600px;
	}
	.c2 {
		top: -150px;
		left: 660px;
	}
	.c3 {
		top: -280px;
		left: 680px;
	}
	.c4 {
		top: -410px;
		left: 630px;
	}
	.c5 {
		top: -540px;
		left: 540px;
	}